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:

• Blogger thay đổi giao diện Edit HTML  • Truyện cười Vova phần 7 [Tổng hợp]  • Multi Color Popular Posts có số đếm cho blogspot (v3)  • Tạo nút bàn phím (Keyboard) từ CSS3 cho Blogger/blogspot  • Đăng ký và cài đặt google analytics cho blogspot  • Sửa lỗi "feed filesize is larger than 576K..." khi đăng ký FeedBruner  • SEO và Google Adwords nên chọn cách nào?  • Google Sandbox là gì và cách khắc phục?  • Khung Author box đẹp từ CSS3 cho blogger  • Truyện cười ngày 1-4 (cá tháng tư - nói dối)  • Proshow Gold & Producer 5.0.3280 key full Final | Phần mềm làm phim  • Fix lỗi không lưu được feedburner 512K limit trong blogspot  • Bạn phù hợp với ngành, nghề nào?  • Những điều Facebook không nhắc bạn  • Cosplay Đẩu Phá Thương Khung siêu gợi cảm    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/quangvietmkt-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://quangvietmkt.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!