Tin mới

Advertisement

Binance

11 tháng 4, 2013

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

InstaFxCopy

Để 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 bannernabar 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!

2 nhận xét:

  1. Chào bạn, tôi làm các bước thành công rồi, nhưng sao lại dán Code vào Javacript không chạy

    Trả lờiXóa
  2. Thân nhờ bạn chia sẻ hồi âm tại:
    phantu62@gmail.com

    Trả lờiXóa