Bài viết liên quan giúp người dùng tìm được các bài viết có nội dung liên quan tới nhau (cùng nhãn - label) trong cùng 1 blog.
Bước 1: Vào quản trị -> Mẫu -> Chỉnh sửa HTML
Bước 2: Nhấn Ctrl + F và tìm thẻ </head>
Bước 3: Dán code dưới đây ngay trên </head>
Bước 4: Dán code dưới đây dưới <div class='post-footer'>
*** CHÚ Ý
- Giá trị maxresults=5 các bạn tùy thay đổi theo từng theme và nhu cầu cụ thể
- Tùy từng theme <div class='post-footer'> có thể có 1 - 4 đoạn, các bạn thay lần lượt đến khi đạt kết quả như ý.
- Trước khi thay nên sao lưu trước.
More about →
Bước 1: Vào quản trị -> Mẫu -> Chỉnh sửa HTML
Bước 3: Dán code dưới đây ngay trên </head>
<!--Related Posts Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #f2f2f2;}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:3px;border:2px solid #f2f2f2;width:98px;height:98px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}
#related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:98px;}
#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
<script src='http://fileitviet360.googlecode.com/svn/relatedposts.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts End-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #f2f2f2;}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:3px;border:2px solid #f2f2f2;width:98px;height:98px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}
#related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:98px;}
#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
<script src='http://fileitviet360.googlecode.com/svn/relatedposts.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts End-->
Bước 4: Dán code dưới đây dưới <div class='post-footer'>
<!-- Related Posts Start-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="<b>Bài liên quan</b>";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>
<!-- Related Posts End-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="<b>Bài liên quan</b>";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>
<!-- Related Posts End-->
*** CHÚ Ý
- Giá trị maxresults=5 các bạn tùy thay đổi theo từng theme và nhu cầu cụ thể
- Tùy từng theme <div class='post-footer'> có thể có 1 - 4 đoạn, các bạn thay lần lượt đến khi đạt kết quả như ý.
- Trước khi thay nên sao lưu trước.
.png "Thay domain có ảnh hưởng tới SEO ?")
.png "Thay domain có ảnh hưởng tới SEO ?")
.png "Thay đổi giao diện blog")
.png "Thêm tên miền tùy chỉnh cho blogspot")
.png "Thêm tên miền tùy chỉnh cho blogspot")
.png "Thêm tên miền tùy chỉnh cho blogspot")
.png "Thêm tên miền tùy chỉnh cho blogspot")
.png "Thêm tên miền tùy chỉnh cho blogspot")
.png "Thêm tên miền tùy chỉnh cho blogspot")
.png "Thêm tên miền tùy chỉnh cho blogspot")
.png "Thêm tên miền tùy chỉnh cho blogspot")
.png){kind=link}
.png){kind=link}
.png){kind=link}