Tạo thanh Recent Posts chạy ngang cho Blogger

Recent Posts là một trong những widget được các blogger sử dụng khá phổ biến. Bài viết này mình sẽ hướng dẫn các bạn tạo một widget trình diễn Recent Posts (bài viết mới) chạy ngang cho blog.

Bước 1: Tại trang quản trị blog, các bạn vào Mẫu -> Chỉnh sửa HTML. Tìm thẻ <div id='content-wrapper'>.
Bước 2: Chèn đoạn code sau vào bên dưới nó:

<!--Auto Scrolling Recent Posts by kjmagic.blogspot.com-->
<div style="width:970px;height:20px;position:relative;">
<script type="text/javascript">
var blog_url = "http://www.đoàntrịnh.vn";
var latest_post = 6; // Số bài viết hiển thị
var scrolling_speed = "8"; // Tốc độ chạy
var close_button = false; // Nếu muốn hiển thị button đóng widget thì bạn thay false thành true 
var info_text = true;
</script>
<script src="http://goo.gl/kJOJdb"></script>
</div>
<br />
<br />
<div style='clear:both;'/>
<!--/Auto Scrolling Recent Posts by kjmagic.blogspot.com-->

Lưu ý:

• Đoạn màu xanh là độ rộng và chiều cao của widget. Các bạn có thể tùy chỉnh cho phù hợp với blog của mình.
• Nếu không tìm thấy thẻ <div id='content-wrapper'>, các bạn có thể chèn đoạn code trên vào vị trí mà bạn muốn hiển thị widget (có thể vào Bố cục, tạo một tiện ích HTML/JavaScript và dán code vào).

Chúc các bạn thành công !