» » » Hướng dẫn cách tạo bài viết liên quan cho blogspot

Hướng dẫn cách tạo bài viết liên quan cho blogspot

Những bài viết liên quan (Related Post) không thể thiếu trong website, blogger chúng làm cho độc giả nhanh chóng tìm được những bài viết liên quan với bài vừa được đọc xong. Thật khá hay, bài viết này chia sẻ với mọi người cách tạo bài viết liên quan cho blogspot sẽ như thế nào. Mọi người làm theo nào!

Hướng dẫn tạo bài viết liên quan cho blogspot

Hướng dẫn cách tạo bài viết liên quan cho blogspot


Bước 1: Bạn đăng nhập Blogger => Vào mẫu ( Template ) => Chỉnh sửa HTML ( Edit HTML)
Bước 2: Ấn Ctrl + F để tìm đoạn dưới đây

<div class='post-footer'>

Sau khi tìm được  đoạn này ta bắt đầu copy đoạn code bên dưới và chèn phía sau nó 

 <!-- 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;1thuthuat.blogspot.com&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 -->

Chỉnh sửa:
  • Thay 1thuthuat.blogspot.com 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
Cách tạo bài viết liên quan (Related Post) cho blogspot rất đơn giản phải không? Chúc các bạn thành công nhé!
Đi lên