Recent Post với bài đăng trượt dọc lên trên

Ngày Thứ Bảy, 25 tháng 2, 2012 Blog của Báo Mới Hà Nội chia sẻ với bạn đọc bài viết Recent Post với bài đăng trượt dọc lên trên
Chúc bạn xem tin tức vui vẻ !!

Tiện ích Recent Post ( bài đăng mới nhất) là một trong những tiện ích ko thể thiếu trên Blogger, và với các Blogger tiện ích này đã quá đỗi quen thuộc và hôm nay, cũng với tiện ích này, mình sẽ giúp các bạn tạo một Recent Post mang một đặc trưng mới, đó là bài đăng sẽ trượt lên một cách tự động.

DEMO

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!!!