Tiện ích ‘Bài viết gần đây’ (recent posts) cho Blogger ~ blog chia sẻ kiến thức lập trình

Bài viết giới thiệu đến bạn cách thức nhanh gọn để tạo một widget recent posts để hiển thị những bài viết mới nhất trên trang. Bài viết tham khảo từ trang HelpBlogger.

Bước 1. Đi vào Blogger Daskboard > Layout > Add a Gadget

Bước 2. Kéo xuống và chọn HTML/JavaScript

Bước 3. Dán đoạn code sau đây vào khung trống

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"YOUR-BLOG/feeds/posts/default"},
"hideHeader":"false","height":"500","count": 8 }</script>
<noscript>Your browser does not support JavaScript!</noscript></div>
<style type=text/css>
.eggTray {margin:10px 0px;padding:0px;}
.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:0px;}
.pipesDescription {display:true;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>

Lưu ý chỉnh sửa

Thay YOUR-BLOG bởi link đến trang web của bạn, lưu ý rằng đường link không bao gồm dấu “/”.
Để tắt thanh kéo (scroll bar), xoá số 500 đi.
Thay số 8 bởi số bài viết mà bạn muốn hiển thị.
Nếu bạn chỉ muốn hiển thị tên của bài viết, đổi true thành none và padding-top: 0px; thành 10px.