Ở những bài viết trước mình đã từng giới thiệu thủ thuật tạo slider bằng jQuery cho website/blog. Bài này mình sẽ chia sẻ một style auto slider chạy bài viết mới (recent posts) cho Blogger. Sau đây là các bước thực hiện:


Tạo một tiện ích HTML/JavaScripts tại vị trí muốn hiển thị widget.
Dán đoạn code sau vào phần nội dung:

<!--Auto Recent Posts Slider by kjmagic.blogspot.com
http://choiblogs.blogspot.com/2014/05/thu-thuat-auto-slider-bai-viet-moi.html
-->
<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
<div id="slider-rotator" class="slider-rotator loading"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://yourjavascript.com/11211646151/kjmagic-autoslider-jscript.js"></script>
<script type="text/javascript">
makeSlider({
url: "http://kjmagic.blogspot.com" // URL blog của bạn
});
</script>
<!--/Auto Recent Posts Slider by kjmagic.blogspot.com
http://choiblogs.blogspot.com/2014/05/thu-thuat-auto-slider-bai-viet-moi.html
-->

- Thay kjmagic.blogspot.com thành URL blog của bạn.
- Nếu blog của bạn đã có thư viện jQuery thì xóa đoạn màu xanh đi.

Chúc thành công !

Lưu File JS

http://www.4shared.com/rar/CwSTRZ3Yce/Auto_Recent_Posts_Slider_36k.html
or
dang cap nhat