23 tháng 6, 2012

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!

0 nhận xét:

Đăng nhận xét

Support : Guide | Blogspot Tips | Television | IDM | Software Free | Site Map | Back Link | Contact | ↑ back to top
Ghi rõ nguồn kynangblog.blogspot.com khi phát hành lại thông tin từ trang này
Copyright © 2011. KỸ NĂNG BLOG - All Rights Reserved
Design by KyNangBlog Edit Ky nang blog
Xem tốt nhất ở độ phân giải 1024 x 768 pixel
Six million kynangblog template byKyNangBlog
Blogger Gadgets