[Feedburner] Tiện ích bài viết mới nhất cho Blogger

Feedburner là một dịch vụ tốt nhất để tạo nguồn cấp dữ liệu RSS cho website và khi bạn đăng ký Feedburner nó sẽ cung cấp cho bạn một số chức năng như: chức năng tự động gửi bài viết qua email, theo dõi và thống kê những người đọc RSS,.. Trong đó có một tiện ích Buzzboost (Tải nguồn cấp dữ liệu dưới dạng HTML) với chức năng này nó sẽ hiển thị bài viết mới nhất (bài viết gần đây) trên blog của bạn, ưu điểm của tiện ích này là rất gọn nhẹ. Tôi đã áp dụng nó cho blog của tôi và bạn có thể nhìn thấy nó ngay phía dưới blog của tôi.

Xem thêm: Hiển thị bài viết mới nhất dạng Breaking News cho Blogspot

Việc thêm widget này vào blogger rất đơn giản, chỉ cần làm theo các bước đơn giản dưới đây:

1. Đăng ký một tài khoản Feedburner tại http://feedburner.google.com hoặc http://feedburner.com

2. Đăng nhập vào tài khoản Feedburner của bạn, và nhấp vào nút Publicize như hình dưới đây

3. Sau đó, click vào Buzzboost trên menu bên trái

4. Một trang mới được mở ra với các tùy chọn như hình bên dưới

Lựa chọn các thông tin bạn muốn hiển thị như: số bài viết, tên tác giả, nội dung tóm tắc, ngày tháng,...
Theo tôi, nên chọn số bài viết hiển thị và liên kết mở trong cùng cửa sổ, còn các lựa chọn trong phần Feed Content to Display cứ để nguyên nó sẽ giúp cho tiện ích của bạn gọn nhẹ hơn.
Sau khi tùy chỉnh xong, bấm Save để cập nhật lại các thay đổi

5. Bây giờ sao chép đoạn mã Feedburner cung cấp

6. Đăng nhập tài khoản blogger của bạn và sau đó đến Bố cục (layout) >> Thêm tiện ích >> HTML/Javascript dán đoạn mã được cung cấp. Lưu lại và xem kết quả!

- Để định dạng lại kiểu dáng mang phong cách của riêng bạn bằng css có thể tham khảo cấu trúc html tại địa chỉ http://www.google.com/support/feedburner/bin/answer.py?answer=78991

- Hoặc có thể sử dụng đoạn css dưới đây:

.feedburnerFeedBlock ul {
 list-style-type:none
}
.feedburnerFeedBlock li {
 border-top:1px dotted #CCC;
}
.feedburnerFeedBlock li a{
 line-height:20px;
 padding-left:15px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikMTOciG57X4mXmhcb1hsOsxXue8h8GgmnrUx7LDVpjzY0ZwLQbnEK48KwVoSYFMw_Qlr91Cag2iSnpFbhbtkPfn0PWzJkXLiTBNvqIqNYbKXNr7F5s3ScupxmRTFyWf9btMhRbLultzL4/s1600/nut_blue.gif) no-repeat 1px 7px;
}
.feedburnerFeedBlock ul li a:hover {
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilhzd21caHdsluhn_6AJdfYoXhwTOdkPRb1Z06oM9WxXofw1OVlEW7qJwg7ay6oa8NroyZiQY5kpEALTM5xSLYU3rMyl2FPd-GGc8n419ub9SIV01Zs-7S88IruGgNNqW-3jRK7JO5U_hB/s1600/nut_red.png) no-repeat 1px 7px
}
#creditfooter img {
 display:none !important
}