Hướng dẫn Thêm Bài viết liên quan trên Sidebar cho blogspot

Bài viết liên quan Blogger

Hi, bạn bè! Trước, tôi đã viết một số thủ thuật về bài viết liên quan. Họ  Làm thế nào để Tin liên quan Trong Blog và  Làm thế nào để Thêm Bài viết liên quan với ảnh nhỏ . Sau đó, những gì chúng tôi sẽ disquss bây giờ? Đó là  Làm thế nào để Thêm Bài viết liên quan trên Sidebar .Trên thực tế các chức năng tương tự như với họ. Nhưng, trong trường hợp này, bài viết liên quan trong thanh bên. Vì vậy, nó có thể chứa nhiều bài viết và có một cái nhìn tốt. 
Bây giờ, Làm thế nào để Thêm Bài viết liên quan trên Sidebar ? Chỉ cần làm theo các bước dưới đây! 
1. Đăng nhập vào tài khoản blogger của bạn 
2. Tới Thiết kế -> Edit HTML 
3. Sao lưu đầu tiên của mẫu của bạn, bởi vì chúng tôi sẽ thực hiện một số thay đổi. 
4. Bấm vào "Expand Widget Templates" 
5.Sao chép và dán mã dưới đây trên </ head>

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

6. Tìm (Ctrl + F) một số mã trông như thế này

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>

7. Sau đó thay đổi với mã này

<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

Tùy chỉnh:

• max-results = 10  là số lượng các bài viết liên quan sẽ được hiển thị, bạn có thể thay đổi số.

8. Nhấp vào  

9. Sau đó, vào Thiết kế -> Page Elements -> Thêm tiện ích, sau đó chọn "HTML / Java Script". Thêm mã dưới đây.

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

10. Viết bài liên quan như tên của các widget. Nhấp  nếu bạn đã hoàn thành 
11. Để hiển thị widget chỉ ở trang tiếp theo  (không trong trang chủ), quay trở lại Thiết kế -> Edit HTML, bấm vào "Expand Widget Templates" 
12. Tìm (Ctrl + F) Bài viết liên quan , và thêm một số mã xanh. Vì vậy, các mã sẽ được như thế này

<b:widget id='HTML7' locked='false' title='Related Posts' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

15. Nhấp vào  

Chỉ cần làm thế nào để Thêm Bài viết liên quan trên Sidebar kiên nhẫn, và bạn sẽ được thực hiện!