Tiện ích Tạo bài viết liên quan cho Blog.

 

Tiện ích “Bài viết liên quan” giúp người đọc có thể đọc được các bài viết trước có liên quan với bài bạn đăng
Các bước thực hiện:
1. Vào Blogger > Thiết kế > Chỉnh sửa HTML > Mở rộng mẫu tiện ích

Các bạn bấm Ctrl + F để tìm
Thêm đoạn mã dưới đây vào trước thẻ </head>

<b:if cond='data:blog.pageType == "item"'> <span id="preserve63bbcd2112e6402590e52f1f31489b31" class="wlWriterPreserve"><script type="text/javascript"> //<![CDATA[ var titles=new Array();var titlesNum=0;var urls=new Array();var time=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;time[titlesNum]=d.published.$t;titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);e=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=time[a]}}titles=c;urls=b;time=e}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);time.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;document.write("<ul>");if(titles.length==0){document.write("<li>Không có bài viết liên quan</li>")}else{while(b<titles.length&&b<20&&b<maxresults){document.write('<li><a href="'+urls[c]+'" title="'+time[c].substring(8,10)+"/"+time[c].substring(5,7)+"/"+time[c].substring(0,4)+'">'+titles[c]+"</a></li>");if(c<titles.length-1){c++}else{c=0}b++}}document.write("</ul>");urls.splice(0,urls.length);titles.splice(0,titles.length)}; //]]> </script></span> </b:if>

Bài viết liên quan thường được hiển thị bên dưới mỗi bài viết. Trong template của Blogger thì những tiện ích đặt bên dưới mỗi bài viết thường nằm trong cặp thẻ <div class='post-footer'>. Thêm đoạn mã dưới đây vào bên trong cặp thẻ<div class='post-footer'> ở template của bạn.

 

<b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b>Bài viết liên quan:</b> <b:loop values='data:post.labels' var='label'> <span id="preservee60c03a9926f42bcbe30d4d76092596e" class="wlWriterPreserve"><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"' type='text/javascript'/> </b:loop> <script type='text/javascript'>var maxresults=5;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script></span> </div> </b:if>

var maxresults=5 là số hiển thị bài viết liên quan nếu các bạn muốn thêm bài viết liên quan thì có thể đổi thành 10 hoặc 20 .

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

Tiện ích Tạo bài viết liên quan cho Blog. 2011-11-23T01:34:00+07:00 Rating: 4.5 Diposkan Oleh: Unknown