Cách tạo thêm bài viết liên quan cho blogspot

Những bài viết liên quan thường được đặt ở cuối mỗi bài đăng, để khi người đọc xong một bài viết có thể tìm thấy nội dung mình cần mà không cần phải tìm đến hộp tìm kiếm. Có nhiều cách tạo bài viết liên quan cho blogspot như bài viết liên quan có hình ảnh... Với loại bài viết liên quan này tốc độ load trang của bạn không hề chậm, tải rất nhanh. Hơn nữa đối với Seo loại này rất thích hợp để cho các blogger sử dụng.

Cách tạo thêm bài viết liên quan cho blogspot

Bước 1: Đăng nhập vào Blogger => Mẫu => Chỉnh sửa HTML

Bước 2: Chèn đoạn code bên dưới <div class='post-footer'> hoặc <div class='post-footer-line post-footer-line-1'> hoặc <div class='post-footer-line post-footer-line-2'> hoặc <div class='post-footer-line post-footer-line-3'>

Code tạo thêm bài viết liên quan cho blogspot

Copy code này chèn sau một trong 4 đoạn trên, hoặc có thể ở chỗ khác nhưng đặt chỗ nào cũng được miễn là bạn thấy hợp lí.

 <!-- related post -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='widget-content'>
<h2>Các bài liên quan</h2>
<div id='saliproit183'/><br/><br/>
&lt;script type=&quot;text/javascript&quot;&gt;
homeUrl3 = &quot;softwarecrack.ga&quot;;maxNumberOfPostsPerLabel = 6;maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+21);
label = decodeURIComponent(label);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;h4&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;saliproit183&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, &#39;http://&#39; + query + &#39;/feeds/posts/default/-/&#39;+ label +&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
&lt;/script&gt;
</div>
</b:if><br/><!-- /related post -->

Phần chỉnh sửa như sau:
- Thay softwarecrack.ga bằng blog của bạn
- maxNumberOfPostsPerLabel là tối đa số bài viết hiển thị ở mỗi nhãn (label). Ở code trên là mình để là 6
- maxNumberOfLabels là số nhãn (label) sẽ được hiển thị. Ở code trên là mình để là 3

OK như vậy là hoàn tất cách tạo thêm bài viết liên quan rồi nhé! :)