Tạo bài viết liên quan cùng chủ đề cho blog

Đây là một chủ đề khá phổ biến và rất nhiều bạn mới tạo Blog muốn tìm hiểu. Theo mình việc tạo list bài viết liên quan cùng chủ đề là yếu tố rất quan trọng trong các bài viết để SEO web/blog của bạn. Khách truy cập có thể sẽ quan tâm thêm những bài viết khác cùng chủ để và họ tiếp tục click vào để tìm hiểu. Thay vì đọc xong một bài viết họ lại quay về trang chủ cũng có thể không để tiếp tục tìm hiểu những bài viết khác với chủ đề họ quan tâm có thể khiến web/blog của bạn mất đi lượng truy cập đáng kể.

Hiện này các theme cũng tích hợp luôn đoạn code này vào tuy nhiên, đa số các đoạn code tích hợp thêm hay các bài hướng dẫn cũ đều mắc chung lỗi đó là không thể tạo list với Label được viết bằng tiếng việt, việc này phần nào ảnh hưởng tới việc đặt tên các Label của bạn.
Bài viết này mình sẽ chia sẻ các bạn tạo một list bài viết cùng chủ đề, hiển thị với cả các nhãn được viết bằng tiếng việt như hình minh họa phía trên
Bạn hãy copy lại đoạn code dưới đây

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='widget-content'>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
homeUrl3 = &quot;csttol.blogspot.com&quot;;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 6;
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;data2007&#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>
</script>
</div>
</b:if>

Sau đó bạn vào Chỉnh sửa HTML trong Mẫu tìm tới đoạn code

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

Và dán đoạn code lúc nãy vào phía dưới nó như hình phía dưới

Đoạn code trong khung màu xanh là đoạn code bạn cần tìm, và dán đoạn code mà bạn copy và như trong khung màu đỏ sau đó lưu lại và xem thành quả.
Lưu ý : Sẽ có 2 đoạn code giống như đoạn code bạn tìm, nên hãy thử dán vào lần lượt phía dưới 2 đoạn code đó nhé.
Chúc bạn thành công.