Tạo các bài viết liên quan

Tạo "Bài viết liên quan" hoặc "Các bài đăng cùng chuyên mục" ...giúp cho người đọc có thể xem các bài viết khác cùng chuyên mục được thể hiện cuối bài đăng. Đây là thủ thuật cần thiết cho một trang web blog. Tìm kiếm trên Google có rất nhiều tác giả đưa ra nhiều giải pháp và mổi giải pháp có một số những ưu và nhược điểm riêng.
Tôi cũng làm quen với Blog và sau nhiều lần thử nghiệm cách làm của nhiều bài viết nhưng không thành công (chèn code vào bị báo lổi)hoặc không được như ý. Sau cùng toi cảm thấy bài viết ở trang www.vnblognet.com là đơn giản nhất.Đây là thủ thuật của Hoctro and JackBook.com được giới thiệu bởi www.bloggercustom.net!. Tôi chép lại để các bạn cùng tham khảo.

Bước 1.Truy cập vào Layout l Edit HTML và chọn Expand Widget Templates trong Blog template của bạn.Tìm (Ctrl – F) đoạn code: <data:post.body/>
Bước 2.Dán vào phía dưới <data:post.body/> đoạn code sau :

<b:if cond='data:blog.pageType == "item"'>

<!--

Distributed by bloggecustom.net and modified by JackBook.com to make it easier to use.

1. Now, users don't need to change anything to use this widget. just copy and paste, and done!

2. The current article will also be listed, now it's no more.

-->

<h3>Related Posts by Categories</h3>

Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | <u><a href='http://www.bloggercustom.net/' title='Related Posts on Blogger Modified by Bloggecustom.net , Read More?'>Blogger Custom</a></u>

</div>

var homeUrl3 = "<data:blog.homepageUrl/>";

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 10;

maxNumberOfLabels = 3;

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;

if(a.href!=location.href) {

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+13);

var k;

for (k=0; k<20; k++) label = label.replace("%20", " ");

var txt = document.createTextNode(label);

var h = document.createElement('b');

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', 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>

</script>

</div>

</b:if>

Ghi chú: Trong phần đoạn code màu đỏ bạn có thể giữ nguyên hoặc xóa bỏ vì đây là đoạn code cho chúng ta biết tác giả pháp triển ra đoạn code nầy. Tuy nhiên vì muốn cho blog đẹp và không muốn cho người khác biết mình đạo code thì có thể xóa đi . Tôi nghĩ tác giã cũng sẽ thông cảm. Cách nầy các nhãn tiếng Việt chưa hiển thị tốt các bạn nên sử dụng nhãn tiến việt không dấu là tốt nhất. Mình cũng làm theo cách nầy.chử màu xanh: maxNumberOfPostsPerLabel = 10; Số bài viết hiển thị tối đa, maxNumberOfLabels = 3; Số nhãn hiển thị tối đa

Chúc các bạn thành công.

Tạo các bài viết liên quan

0 nhận xét:

Đăng nhận xét

Movie Category 1

Popular Posts

Test Footer 2

Test Footer 1

Test Footer

Information

Labels