Tiêu đề bài đăng mới với hiệu ứng chạy ngang

Để 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.

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.

Đây là Demo cho bạn:

• Thư Giãn Cuối Tuần 09/06/2012 Full Video Clip  • Nghệ thuật làm việc qua điện thoại  • Thơ Chế  • Thư Giãn Cuối Tuần 02/06/2012 Full Video Clip  • THÁM TỬ LỪNG DANH CONAN - FULL TRỌN BỘ  • Template Namkna Happy New Year - Update ves 2  • Thư Giãn Cuối Tuần 26/05/2012 Full Video Clip  • Ảnh động cực đẹp và cute  • Thư Giãn Cuối Tuần 19/05/2012 Full Video Clip  • Hình động về loài bướm làm nền điện thoại (240x320)  • Tranh thuỷ mạc, thư pháp làm nền Máy tính  • Hình nền thư pháp cho điện thoại.  • Ảnh lớp Khuyến Nông 40a - ĐH NLTN (Download trọn bộ)  • Tạo đồng hồ bằng Javarscipt cho blogger và website  • Một số bài thơ chế xàm vui (Update 05/2012)    Powered By Tech Vyom

☼ Cách tiến hành:

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

   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://dl.dropbox.com/u/70549761/File-phu/namkna-blogspot-com/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://namkna.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>

- Trong đó:

• Thay  http://namkna.blogspot.com 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)

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

Mách nhỏ: Bạn nên đặt tiện ích này phía trên bài đăng hoặc trong tiện ích sticky banner, nabar on top, nhìn sẽ đẹp hơn.
Ngoài ra bạn cũng có thể gắn cho thủ thuật này các hình ảnh mặc định để đẹp hơn, hãy tham khảo cách đó  TẠI ĐÂY

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