Thứ Bảy, 22 tháng 6, 2013

Bài viết mới chạy ngang đơn giản cho Blog

Để thuận lợi cho các bạn có thể theo dõi các bài đăng mới trên bài viết của BLog mà không cần phải trở về trang chủ thì thường chúng ta sẽ tạo ra 1 wiget Recent post ! Hôm này Viettin24h giới thiệu lại cho các bạn một thủ thuật nhỏ tạo bài viết chạy ngang tùy vào ý định đặt tiện ích ! Tiện ích bài viết chạy ngang này từ trái qua phải hoặc ngược lại nhìn cũng khá bắt mắt . Mình giới thiệu thủ thuật bài viết chạy ngang này rồi các bạn hãy nâng cao nó lên nhé . 

Ảnh minh họa : 

Demo : Xem tại đây
Cách thực hiện : 
1. Đăng nhập blogger
2. Chọn bố cục
3. Thêm tiện ích HTML/Javascript và dán code bên dưới vào

<script style="text/javascript" src="https://script-viettin24h.googlecode.com/svn/trunk/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://viettin24h.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>

4. Di chuyển tiện ích đến vị trị bạn muốn hiển thị 
  - Tiện ích này nên đặt ở trang bài viết, trang nhãn : Click vào đây
5. Lưu lại và xem kết quả
Chúc các bạn thành công.

Không có nhận xét nào:

Đăng nhận xét