Home » Thủ thuật blog
Trang trí cho tab RSS Feed
[FD's BlOg] - Bài viết giúp tạo cho các bạn một bảng RSS 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.
Xem hình minh họa kết quả:

- 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ặc http://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ủa Feedburner)
+ 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&fg=444444&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à đọan code màu xanh dưới cùng là code của bộ đếm readers mà Feedburner cung cấp cho bạn.
Chúc các bạn thành công.

- Jquery Slider Tin Tức - News Slider
- Quà tặng âm nhạc cho BlogSpot
- Tiện ích Top Commentators cho blogspot
- Chèn link Google Search vào footer của bài viết
- SlideTab Recent posts (jQuery)
- [Update] Tạo Menu Thanh menu ngang có sổ dọc xuống
- [3.0.2] Nâng cấp ANCMedia Player cho trang phim
- Bạn biết gì về Blogspot, hãy chia sẻ cùng tôi.
- Blogger chính thức add avatar vào comment feed
- Thêm Reactions vào bài viết của blogspot
- Hiển thị bài viết cho trang Music,Phim.
- Share 3 template bloger đẹp cho anh em
Comments[ 0 ]
Đăng nhận xét