Để 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:
☼ 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 đó:
4- Click chọn Lưu lại và xem thành quả.
- 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!
0 nhận xét to "Tiêu đề bài đăng mới với hiệu ứng chạy ngang"