Recent Post - Thủ thuật Recent Post chạy ngang cho Blogger

Để cho khách tham quan thuận tiện lựa chọn bài để xem, bạn có thể tạo thanh tiêu đề các bài mới đăng trên Blog với hiệu ứng chạy từ phải sang trái hoặc ngược lại.

>>Hình ảnh - Thủ thuật cho Logo chạy ngang trong Website/Blogger

>>Translate - Thủ thuật tự động dịch 10 ngôn ngữ cho Blogger/Website

>>Menu - Thủ thuật tạo Menu dọc cho Blogger bằng CSS
>>Menu - Thủ thuật tạo Menu ngang cho Blogger bằng CSS
>>Back To Top - Thủ thuật nút lên đầu trang trong Blogger
>> Tắt/Mở đèn - Thủ thuật hiệu ứng tắt mở đèn cho Blogger
>>Image - Thủ thuật LazyLoad load ảnh theo trình tự trong bài viết Blogger
>>FeedBurner - Thủ thuật tạo FeedBurner cho Blogger
>>Sitemap - Thủ thuật tạo sơ đồ trang cho BLogger Version 3
>>Sitemap - Thủ thuật tạo sơ đồ trang cho BLogger Version 2
>>Sitemap - Thủ thuật tạo sơ đồ trang cho BLogger Version 1
>>Widget - Thủ thuật chia Widget thành nhiều cột bằng thẻ Table trong Blogger
>>Images - Thủ thuật hiệu ứng làm mờ hình ảnh trong bài viết Blogger
>>Lỗi ảnh - Thủ thuật sửa lỗi ảnh tràn quá khung bài viết Blogger
>>Slide - Thủ thuật Slide JQuery bài viết ở trang chủ cho Blogger 

Tiện ích này sử dụng feed để lấy dữ liệu bài đăng, không lấy các ảnh thumb do vậy các bạn có thể yên tâm nó không ảnh hưởng nhiều tới tốc độ load blog của ban.

1- Đăng nhập vào Blogger

2- Vào thiết kế

3- Chọn Phần Tử Trang

4- Chọn Thêm tiện ích > Thêm HTML/Javacript, sau đó dán toàn bộ code này vào:

<script style="text/javascript" src="http://thietkewebplus.googlecode.com/files/scrolling_blogger_posts.js"></script>
<script style="text/javascript"> 
var nMaxPosts = 15; 
var sBgColor;
var nWidth;
var nScrollDelay = 175;
var sDirection="left";
var sOpenLinkLocation="N";
var sBulletChar="•";
</script> 
<script style="text/javascript" src="http://www.thietkeblogger.net/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>

• Thay http://www.thietkeblogger.net thành URL (địa chỉ) blog của bạn.
• var nMaxPosts = 15; là số lượng bài mới được lấy từ feed. (Blog bạn phải cài feed trước khi thựch iện thủ thuật này nha, nếu chưa cài thì xem hướng dẫn Tại đây).
• var sDirection="left"; Chiều chạy của chữ, trường hợp này là từ trái qua phải, nếu muốn chạy ngược lại từ phải sang trái thì thay từ "left" thành "right".
• var nScrollDelay = 175; Là tốc độ của hiệu ứng (số càng nhỏ tiêu đề chạy càng nhanh và ngược lại)

5- Click chọn  Lưu   lại và xem thành quả.