:
Bài viết liên quan theo label cho blogspot có rất nhiều phiên bản của nhiều tác giả, tuy nhiên đa số các phiên bản này bị lỗi vỡ phông tiếng Việt cho mục Label hoặc làm trang load về chậm. Phiên bản mới dựa trên Code của hoctro - Một Blogger có tiếng đã được khắc phục để hiển thị được label tiếng Việt như trên traimientay.com đã ứng dụng.
Nay mình xin giới thiệu với các bạn cách thực hiện để tạo Bài viết liên quan không bị lỗi font chữ tiếng Việt như hình minh họa dưới
1. Đăng nhập Blogger để chèn code Vào Design > Edit HTML > Expand Widget Templates, tìm đến dòng<div class='post-footer-line post-footer-line-3'/> </div>
2. Thực hiện chèn code trong mẫu Blogger. Sau khi đã đăng nhập vào blogger bạn Copy code sau đây và dán vào trước thẻ
<b:if cond='data:blog.pageType == "item"'>
<div class='widget-content'>
<h2>Các bài liên quan</h2>
<div id='data2007'/><br/><br/>
<script type="text/javascript">
homeUrl3 = "www.tenblog.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><br/>
Thay www.tenblog.com bằng đại chỉ website của bạn. Chúc thành công!
Gửi bài viết này cho bạn bè qua Y!M:
0 nhận xét:
Đăng nhận xét