Auto Slider bài viết mới (recent posts) cho Blogger

Ở 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:

Bước 1: Tại trang quản trị blog, các bạn vào Bố cục, tạo một tiện ích HTML/JavaScripts tại vị trí muốn hiển thị widget.

Bước 2: Dán đoạn code sau vào phần nội dung:

<!--Auto Recent Posts Slider by kjmagic.blogspot.com-->
<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-->

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