Tạo Slider Posts bài viết trượt dọc cho blogspot/blogger

1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn Phần tử trang --> Thêm tiện ích -->HLTM/Java
4. Dán toàn bộ code sau đây vào : 
<div class='widget-content'><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://Fphn.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script></div></div>
Chú ý : Đổi  http://Fphn.blogspot.com thành tên blog/web của bạn nhé và cuối cùng thì save lại.
numposts = 20; Số bài post bạn chỉnh lại cho phù hợp nhé.
Share this product :

Đăng nhận xét


Kênh thông tin tổng hợp dành cho giới trẻ Alotin
Trung tâm Tư vấn Phát triển vì Sức khoẻ Cộng đồng
HỘI KHOA HỌC KINH TẾ VIỆT NAM
Số 27 ngõ 101 Thanh Nhàn, Quận Hai Bà Trưng, Hà Nội
Giấy phép số 44/GP-TTĐT, cấp ngày 10/03/2011 - Bộ Thông tin và Truyền thông