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 == "item"'>
<div class='widget-content'>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
homeUrl3 = "csttol.blogspot.com";
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 6;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
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('h4');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', 'http://' + query + '/feeds/posts/default/-/'+ label +'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < 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.
Xem Thêm :
Đăng nhận xét