Home » Thủ Thuật Blog
Saturday, February 25, 2012
Recent Post với bài đăng trượt dọc lên trên
Chú ý: Tiện ích Recent Post bên phía phải màn hình.
Để thực hiện thủ thuật, ta làm như sau.
1. Đăng nhập vào Blogger > Thiết kế > Phần tử trang > Thêm tiện ích HTML/JavaScript.
2. Copy đoạn code bên dưới và dán vào tiện ích.
<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style><script style='text/javascript' src="http://tanchau123.googlecode.com/files/recentposts_truotdoclen1.txt" ></script><script style='text/javascript' src='http://tanchau123.googlecode.com/files/recentposts_truotdoclen2.txt'></script><script style='text/javascript'>var numposts = 7;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;$(document).ready(function () {$('#sai').vTicker({speed: 500,pause: 3000,showItems: 3,animation: 'fade',mousePause: false,height: 0,direction: 'up'});});</script><div id="sai"><script src='http://tenblogcuaban.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script></div><script src="http://tanchau123.googlecode.com/files/recentposts_truotdoclen3.txt"></script>
Chúc các bạn thành công!!!

Comments[ 0 ]
Post a Comment