Thêm bài viết liên quan bên dưới bài đăng trong blogspot

Các bước để thêm bài viết liên quan trong blogspot rất đẹp và tiện để người dùng có thể dễ dàng thấy và xem nhiều hơn.

Bước 1: Đăng nhập vào Blogger -> Mẫu -> Chỉnh sửa HTML. Ấn Ctrl + F rồi tìm thẻ </head>
- Sau đó dán đoạn code dưới đây bên trên thẻ </head>.

<b:if cond='data:blog.pageType == "item"'>
<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){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);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){if(y!=-1){urls[c]=urls[c]+'?m=0'}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ước 2: Tìm 1 trong 4 đoạn code dưới đây.
Đoạn 1: <div class='post-footer'>
Đoạn 2: <div class='post-footer-line post-footer-line-1'>
Đoạn 3: <div class='post-footer-line post-footer-line-2'>
Đoạn 4: <div class='post-footer-line post-footer-line-3'>

Rồi gắn vào 1 trong 4 đoạn code trên đoạn code bên dưới. Chú ý là mỗi đoạn code trên đều được lặp lại 2 lần, bạn nên tìm rồi thêm lần lượt vào từng đoạn code trên rồi lưu mẫu vào xem có được không? Nếu không được thì quay lại ấn Ctrl + Z rồi lại tìm đoạn code thứ 2 và làm tương tự nhé.

<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'>
            <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>
    </div>
</b:if>

Chú ý: Var max_post = 5; Số bài viết hiển thị của tiện ích, bạn có thể chỉnh sửa số bài viết hiển thi theo ý muốn.

Chúc các bạn thành công, không hiểu thì có thể cmt bên dưới mình sẽ giúp. :D

Car insurance covegare | GiaiTri38