Tạo Related Posts cho Blogger

Thêm các bài viết liên quan vào sau mỗi bài viết cũng là 1 phương pháp tốt để tăng số lượt view cho blog của bạn. Bài viết sau đây sẽ hướng dẫn cách thêm các bài viết liên quan vào 1 bài viết trong Blogger.

Các bài viết liên quan chính là các bài viết có cùng label với bài viết hiện tại. Do đó để có được các bài viết liên quan thì trước tiên bạn phải tạo label cho các bài viết của mình.

Khi đã chắc chắn là các bài viết của bạn có đủ các label phù hợp, bạn thực hiện các bước sau:

Bước 1: Vào Template > Edit HTML và chọn Expand Widget Templates

Bước 2: Nhấn Ctrl + F và tìm tới từ khóa ]]>. Thêm đoạn code dưới đây trước từ khóa tìm được

#related-posts{ margin: 15px 0; }
#related-posts ul{ margin: 10px 0 0; padding:0; list-style-type:none; }
#related-posts ul li{ border-top: none !important; border-left: 2px solid #1399CF; border-bottom: 1px dotted #1399CF; margin-bottom: 3px; padding: 3px 0 3px 30px; }
#related-posts ul li:hover { background-color: #1399CF; border-top: none !important; border-left: 2px solid #B3CA3D; border-bottom: 1px dotted #B3CA3D; }
#related-posts h2{ margin:0; font-size:20px; }
#related-posts a{ color: #555; font-size: 16px; }
#related-posts a{ text-decoration: none; }
#related-posts li:hover a,#related-posts li:hover span{ color: #fff; }
#related-posts span{ color: #555; margin-left: 3px; }

Bước 3: Tìm tới từ khóa <div class='post-footer'> và thêm đoạn code dưới đây ngay sau từ khóa này

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div id='related-posts'>
    <script type='text/javascript'>var ry='<h2>Bài viết liên quan</h2>';rn='<h2>Không có bài viết liên quan</h2>';rcomment='nhận xét';rdisable='no comments';commentYN='yes';</script>
    <script type='text/javascript'>
    //<![CDATA[
      var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();commentsNum=new Array();comments=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('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment;}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);g=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]=timeR[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<li><a href="'+urls[c]+'" rel="nofollow">'+titles[c]+'</a><span>('+timeR[c].substring(8,10)+'/'+timeR[c].substring(5,7)+'/'+timeR[c].substring(0,4)+comments[c]+')</span></li>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
    //]]>
    </script>
    <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=6;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script>
  </div>
</b:if>

Bạn có thể thay đổi chỉ số maxresults = 6 để thay đổi số bài viết liên quan