Tuesday, May 15, 2012

Hiển thị bài viết mới nhất chạy marquee chiều ngang

Có nhiều kiểu tiện ích Bài viết mới nhất với những kiểu dáng và đặc điểm riêng biệt. Hôm nay tôi xin giới thiệu một kiểu tiện ích Bài viết mới nhất chạy marquee chiều ngang (Horizontal Marquee Recent Posts Widget) rất hữu ích cho blogspot. Tiện ích này hiển thị những bài viết mới nhất cho blogspot với kiểu trình chiếu chạy ngang ( không có ảnh đại diện ), với đặc trưng tiết kiệm không gian web là một ưu điểm có thể nhìn thấy dễ dàng so với các kiểu tiện ích cùng loại.
Để cài đặt tiện ích này, bạn chỉ cần Đăng nhập Blogger sau đó đặt toàn bộ đoạn code dưới đây vào phần nội dung của một tiện ích HTML/Javascript là OK.

<style type="text/css">
.feedmarquee a:link{
font-size: 11px;
text-decoration: none;
color:#fff;
}
.feedmarquee {
font-size: 12px;
color:#FEE405;
position:absolute;
background: #C0C0C0;
padding:2px;
width: 640px;
}
</style>

<script src="http://quantrikinhdoanh.googlecode.com/files/recentpostsscrollerha.js" type="text/javascript"></script>
<div class="feedmarquee">
<script type="text/javascript">
var nMaxPosts = 20;
var sBulletChar="-" ;
var nWidth;
var nScrollDelay = 155;
var sDirection="left";
var sOpenLinkLocation="p";
</script>
<script src="http:// quantrikinhdoanhk04.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerha" type="text/javascript"> </script>
</div>


Trong đoạn code trên, bạn có thể điều chỉnh chiều rộng bố trí tiện ích tại tham số width: 640px, điều chỉnh số bài viết tối đa được trình chiếu tại tham số var nMaxPosts = 20 đồng thời cần thay quantrikinhdoanhk04 bằng tên blogspot của bạn.

nguồn: http://www.bloggerism.tk

4 comments:

  1. Tiện ích này mình gặp nhiều trên mạng, nhưng bạn biết thay đổi màu chữ không? căn cứ đoạn mã trên có 2 loại màu của dòng chữ đang chạy: mầu đà và màu trắng, bạn có thể hướng dẫn đổi màu tuỳ chọn của dòng đó . Còn nếu bạn chỉ việc copy của người khác từ: http://www.bloggerism.tk , nên chưa cụ thể lắm thì cũng không sao cả, Cảm ơn bạn.

    ReplyDelete
    Replies
    1. Bạn Phan Tú muốn thay dổi màu chữ và màu nền thì bạn thay đổi các dòng này:
      color:#fff

      color:#FEE405

      background: #C0C0C0
      Thay đổi phần mã màu (bạn tham khảo mã màu ở đây: http://nhaccuatoi.mobie.in/mau)

      Delete
    2. This comment has been removed by the author.

      Delete
  2. Cảm ơn bạn, trước khi đặt câu hỏi này mình đã thí nghiệm thay cả 3 trường hợp này rồi (color:#fff

    color:#FEE405

    background: #C0C0C0)
    Nhưng có một dòng không thay đổi, dường như trong đoạn này có khóa chỗ nào nào, do tôi chưa rành về ngôn ngữ lập trình.

    ReplyDelete