Tiện ích bài viết liên quan chuyên nghiệp cho blogspot

Với các blogger thì Tiện ích bài viết liên quan chuyên nghiệp cho blogspot là một tiện ích không thể thiếu được. Sau khi chỉnh sửa xong thì các bạn sẽ có kết quả như hình ảnh dưới đây

  Bài Viết Cùng Chủ Đề


Bây giờ chúng ta tìm hiểu các bước thực hiện. Trước tiên hãy đăng nhập blog save template rồi vào phẩn chỉnh html và tìm đến đoạn code tương tự như sau.

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

hoặc

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

hoặc

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

P/S: Nếu như blog của bạn có line-3 thì nên chọn nó . trong trường hợp template của bạn ko có 2 đoạn code trên thì có thể tìm đến đoạn code tương tự như sau:

<data:post.body/>

và chèn dưới nó đoạn code sau :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='post-labels-for-related' style='display:none'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></b:if></div>

<div id='post-timestamp-for-related' style='display:none'><data:post.timestampISO8601/></div>

<style type='text/css'>
#related-posts-block {
margin:10px 5px;
font-size:12px;
color:#999999;
text-transform:none;
}
#related-posts-block #related-posts-loading-text{
font-size:18px;
color:#FF0033;
text-align:center;
}
#related-posts-block #related-newest-href {
margin:10px 5px;
}
#related-posts-block #related-newest-href ul{
list-style-image:url(http://i773.photobucket.com/albums/yy17/lethuan_ua/arrow.gif);

}
#related-posts-block #related-newest-href #related-newest-title {
font-size:16px;
margin:10px 5px

}
#related-posts-block #related-newest-href a{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}
#related-posts-block #related-older-href {
margin:10px 5px;
}
#related-posts-block #related-older-href ul{
list-style-image:url(http://i773.photobucket.com/albums/yy17/lethuan_ua/arrow.gif);
}
#related-posts-block #related-older-href #related-older-title {
font-size:16px;
margin:10px 5px
}
#related-posts-block #related-older-href a{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}
</style>

<div id='related-posts-block'>
<div id='related-posts-loading-text'>Loading related posts... <img align='absmiddle' src='http://i773.photobucket.com/albums/yy17/lethuan_ua/25.gif'/></div>
<div id='related-newest-href'><div id='related-newest-title'/></div>
<div id='related-older-href'><div id='related-older-title'/></div>
</div>
</b:if>

Sau đó hãy tìm đến thẻ </body>  và chèn trên nó đoạn code dưới đây:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var showdate = false;
var max_post = 12;
//]]>
</script>
<script src='http://lethuan.110mb.com/bai-viet-cung-chu-de211.js' type='text/javascript'/>
</b:if>

Save template lại là ok.

Sưu Tầm