Lưu ý tiện ích Bài viết liên quan ở đây có sử dụng jQuery (Related Posts with jQuery Effect Widget) nên ít nhiều cũng hơi nặng, bạn nên cân nhắc trước khi cài đặt cho blogspot của mình.

Bạn có thể xem Demo tại trang này hoặc khám phá thêm nhiều biến thể tại trang này.

Để cài đặt tiện ích này, bạn hãy thực hiện như sau.

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates (nhớ backup Template trước khi thực hiện).

Đặt đoạn code sau đây vào trước dòng ]]</b:skin>.
#related-posts-widget{float:left;width:90%;font-size:11px;}

.related-posts-widget{min-height:130px;}

#related-posts-widget h2{display:block;padding:2px 0 2px 5px;margin:0 0 
.5em;color:#666;font-size:13px;text-transform:none;border-bottom:1px 
solid #09F;text-shadow:1px 1px 3px #CCC;}

.related-posts-widget ul.rpw strong{font-weight:lighter;}

#related-posts-widget ul.rpw{color:#333;text-align:left;}

#related-posts-widget ul.rpw li a, .bookmarks a{color:#444;font-size:11px;font-weight:bold;text-decoration:none;}

#related-posts-widget ul.rpw li a:hover{color:#ff8c00;}

#related-posts-widget ul.rpw li a:active{outline:0;position:relative;color:#09F;}

#related-posts-widget ul.rpw{list-style:none;margin:0;padding:0;}

#related-posts-widget ul.rpw li{margin:0;padding:6px 0;}

Bước 2. Đặt đoạn code sau đây vào trước thẻ </head>.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>

<script src='http://simplebloggertutorials.googlecode.com/files/jquery-effects.js' type='text/javascript'></script>

<script type='text/javascript'> 

//<![CDATA[

$(document).ready(function(){

$('#related-posts-widget').relatedPostsWidget({

max_posts:10

,posts_per_tag:10

,thumbs:0

,show_n:5

});

});

//]]>

</script>

Bước 3. Tìm một trong các thẻ sau đây,

<div class='post-footer'>

<div class='post-footer-line post-footer-line-1'>

<div class='post-footer-line post-footer-line-2'>

<div class='post-footer-line post-footer-line-3'>

rồi đặt sau nó bằng dòng code bên dưới.

<div class='related' id='related-posts-widget'>loading..</div>

Lưu Template là OK.

Nguồn: huynh-nhat-ha.blogspot.com