Thứ Ba, 21 tháng 2, 2012

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

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.


Xem tại mục BÀI VIẾT MỚI NHẤT

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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script style='text/javascript' src="http://kenhdaihoc.com/blogger/recentpostticker.js" ></script>
<script style='text/javascript' src='http://kenhdaihoc.com/blogger/recentpostswiththumbnailsv3.js'></script>
<script style='text/javascript'>
var numposts = 20;
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: 7,
animation: 'fade',
mousePause: false,
height: 0,
direction: 'up'
});});
</script>
<div id="sai">
<script src='http://chiase-vanthuc.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>


3. Bạn chỉnh sửa lại các dòng màu đỏ cho phù hợp với Blog của bạn. Chúc thành công.

2 nhận xét: