Tiện ích bài viết liên quan giống trang Scandal24h.inFo

Thực tình Chíp Xù không muốn viết bài này lắm, vì bài này được nhiều blogger đề cập, nhưng không biết rõ nguồn ở đâu. Vậy nên Chíp không dám copy về và ghi nguồn không chính xác, Theo đó được sự mong đợi của Thư viện thủ thuật, nên mình mạo muội viết bài này, để phù hợp với template của thư viện thủ thuật là chính. Nếu bạn nào có nhu cầu mình cũng sẵn lòng hỗ trợ.

 Demo :

Bước 1: Vào chỉnh sửa HTML tìm thẻ </head>.
Chèn trước nó code sau :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {float:center;text-transform:none;height:100%;min-height:100%;padding:5px 0 0 5px;margin:0;}
#related-posts h2{margin:0 0 5px 0;background: url(http://0nline24h.googlecode.com/files/newslienquan-0nline24h-info.jpg) no-repeat scroll left 0 transparent;height: 16px;}
#related-posts a{color:black;}
#related-posts a:hover{color:black;}
#related-posts  a:hover {background-color:#d4eaf2;} 
.lienquan {background: #ddd;height:57px;float: left;padding-left: 1px;width: 145px;margin:1px;overflow:hidden;line-height:1.3em}
.related-posts {margin: 0;padding: 0}
.related-posts ul {margin: 0;padding: 0}
.related-posts ul li {background: url(http://0nline24h.googlecode.com/files/list-icon-bai-viet-lien-quan-0nline24h-info-wwww.png) no-repeat top left;list-style-type: none;margin: 0 0 2px 5px;padding: 2px 0 0 18px;word-wrap: break-word}
</style>
<script src='http://scandal-24h.googlecode.com/files/related-img-by-0nline24h-no%20%281%29.js' type='text/javascript'/>
<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>
  </b:if>

- Điều trỉnh height:57px;  và width: 145px; là độ rộng và chiều cao bài viết có ảnh, Nếu thấy chưa đẹp, và hợp lý.! Có lẽ với Thư viện thủ thuật thế này là được rùi.1

Bước 2 : Tìm đến thẻ sau :

<div class='post-footer-line post-footer-line-1'>

Chèn phía Sau  nó code sau :

<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=12;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div> 
<div style='margin-bottom:5px;clear:both'/>
<img border='0' src='http://scandal-24h.googlecode.com/files/cac-tin-lien-quan-scandal-24h-khac.jpg'/>
<div class='related-posts'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var maxresults=12;removeRelatedDuplicates();printRelatedLabels(&#39;<data:post.url/>&#39;);</script>
</div>

Bước 3 : Lưu Template !

1. max-results=12 Số bài viết có ảnh.
2. maxresults=12 Số bài viết chỉ có tiêu đề

Ok! Vậy là xong oy đó..! Có gì chưa hiểu Commer trao đổi thêm nhé..!

Nguồn: Scandal24h.info