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, 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.

- Congly Blogger Theme ( Update )  - Giải pháp Blogger bị chặn 02/07/2012  - Giải pháp VNPT chặn blogger ngày 09/06/2012  - Thông báo mời dự khai trương trang web www.vnforex.info  - Thêm 1 số mẫu trình bày code đẹp cho blog.  - Hướng dẫn đăng ký tham gia Cuộc thi tìm kiếm tài năng forex năm 2012  - Cuộc thi tìm kiếm tài năng forex năm 2012  - Tống tiễn năm cũ, nghinh đón năm mới 2012  - Mình không muốn viết blog nữa  - Petkute Blogger  - Thêm favicon cho tiện ích LinkList  - Tiện ích tài liệu tham khảo cho bài đang đọc  - Hiển thị danh ngôn ngẫu nhiên bằng PHP trên blogspot  - Cuộc thi dự đoán thứ hạng đội tuyển U23 Việt Nam tại SEA Games 26  - Script phân trang cho bảng  - Sổ lưu niệm  - Định dạng CSS riêng cho các tag có số bài viết nhiều hơn một số nhất định  - Làm thế nào để có sitelinks cho blogspot của bạn?  - Chạy PHP bằng file Javascript bên ngoài  - Mã để tạo nút Add to Blogger   widget 

Để 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://hacodeproject.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://huynh-nhat-ha.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 huynh-nhat-ha bằng tên blogspot của bạn.
Chúc các bạn thành công!

Posted in: Thủ thuật Blogspot