Recent Post: Kiểu bài đăng trượt dọc lên trên

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

Xem DEMO

HƯỚNG DẪN

Bước 1: Bạn vào Phần tử trang -> Thêm tiện ích/ HTML 

Bước 2: Copy và Dán đoạn code sau vào phần nội dung tiện ích -> Lưu Mẫu

<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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script style='text/javascript' src="http://quangpro1610blog.googlecode.com/files/recentpostticker.js" ></script> <script style='text/javascript' src='http://quangpro1610blog.googlecode.com/files/recentpostswiththumbnailsv3.js'></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>

LƯU Ý

- Chỉnh sửa Tenblogcuaban thành tên Blog của bạn.

- Nếu muốn chỉnh trượt từ trên xuống thì thay chữ "UP" thành chữ "DOWN"