Trang trí cho tab RSS Feed

Bài viết giúp tạo cho các bạn một bảngRSS Feed khá đẹp. Bài viết này mang tính thiết kế nhiều hơn là thủ thuật và dành cho nhưng bạn mới bắt đầu làm quen với blogspot.

Các bạn cũng có thể xem thêm:

- Vài điều về hình minh họa:

+ Feed (Post) : Link RSS của các bài viết của bạn (link mặc định làhttp://YOURBLOG.blogspot.com/feeds/posts/default, hoặchttp://feeds2.feedburner.com/YOURBLOG-Feed (link này có được khi bạn đăng kí từ trang chủ http://feedburner.google.com/))

+ Feed (comments) : Link RSS của các bài viết của bạn (link mặc định làhttp://YOURBLOG.blogspot.com/feeds/comments/default)

+ Feed (Email) : là mục đăng kí nhận bài viết qua email. (đây là 1 tiện ích củaFeedburner)

+ Counter readers: là công cụ đếm số người đọc bài viết qua email.(cũng là 1 tiện ích của Feedburner).

- Để thực hiện 1 bảng RSS link hòan chỉnh như trong hình minh họa thì bạn phải đăng kí chi mình một địa chỉ link RSS bên feedburner rồi sự dụng 2 tiện ích của feedburner là đăng kí nhận bài qua email, và tiện ích đếm người đọc bài viết.

☼ Bây giờ ta bắt đầu:

1. Vào bố cục (Layout)

2. Vào phần tử trang (page element)

3. Tạo một widget HTML/Javascript ở sidebar.

4. Và dán code bên dưới vào:

<table border="1" style="text-align: left; width: 240px; height: 100px; font-weight:bold; background:#fff;" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td><a href="http://YOURBLOG.blogspot.com/feeds/posts/default"><span style="text-decoration: underline;"><img alt="Feeds" style="border: 0px solid ; width: 110px; height: 110px; float: left;" src="http://2.bp.blogspot.com/_8PJ-pgoBhWQ/SLSjKZSO6uI/AAAAAAAAEHs/1_Vb9U5gx88/s320-R/rss128pw8.png" title="¡Suscribe Feed!"/></span></a><br/>
<a href="http://YOURBLOG.blogspot.com/feeds/posts/default">Feed (Post)</a><br/>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=YOURBLOG-Feed" title="Recive my post by email">Feed
(email)<br/>

</a><a href="http://YOURBLOG.blogspot.com/feeds/comments/default" title="Suscribe my comments">Feed
(Comments)<br/>
</a><a href="http://feeds2.feedburner.com/YOURBLOG-Feed"><img width="88" style="border:0" alt="" src="http://feeds2.feedburner.com/~fc/YOURBLOG-Feed?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26"/></a>
<br/>
</td>
</tr>
</tbody>
</table>

- Các dòng code màu xanh có được khi bạn đăng kí từ Feedburner, và đọancode màu xanh dưới cùng là code của bộ đếm readers mà Feedburner cung cấp cho bạn

Chúc Thành Công!

Nguông: Fandung