Bài viết liên quan cho blogspot với nhiều nhãn

 humghn.com 

Trong bài viết này , chuyên mục sẽ giới thiệu tới các bạn cách tạo nhiều bài viết liên quan dựa trên nhiều nhãn . Với cách hiển thị như vậy , các bài viết liên quan , cùng chủ để sẽ xuất hiện nhiều hơn ở cuối bài đọc . Từ đó thu hút người đọc đến những nội dung mà họ đang quan tâm . Điều này đồng nghĩa với việc người đọc sẽ phải click nhiều hơn để chuyển trang - nếu site của bạn có gắn quảng cáo thì lượng click của khách hàng trên site của bạn sẽ ảnh hưởng nhiều đến lượng click vào quảng cáo của người dùng . Không những vậy , với nội dung phong phú trên site , người dùng sẽ thấy thú vị khi đang ở trong site của bạn , từ đó trở thành khách hàng quen thuộc của bạn . 

Ảnh DEMO

Cách thực hiện :

Bước 1 : Đăng nhập bloger , chọn " Mẫu " , chọn " Chỉnh sửa HTML "

Bước 2 : Tìm đến 1 trong 4 đoạn code sau :

Đoạn 1: <div class='post-footer'>

Đoạn 2: <div class='post-footer-line post-footer-line-1'>

Đoạn 3: <div class='post-footer-line post-footer-line-2'>

Đoạn 4: <div class='post-footer-line post-footer-line-3'>

Bước 3 :

Gắn vào trước 1 trong 4 đoạn code vừa tìm được dải mã sau :

<!-- 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;humghn.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 -->

Tùy chỉnh :
humghn.com : Bạn thay bằng địa chỉ blogspot của bạn
maxNumberOfPostspaerLabel = 6 : Số bài viết hiển thị mỗi nhãn ( ở đây đang để là 6 bài trong 1 nhãn )
maxNumberOfLabels = 3 : Số nhãn hiển thị ( ở đây đang để là 3 nhãn )
Bước 4 : Nhấp lưu và tận hưởng thành quả .
Chúc các bạn thành công !