Cara Membuat Related Posts di Blogspot

CARA menampilkan atau membuat Related Posts (Posting Terkait, Tulisan Terkait) di Blog Blogspot sangat mudah. Related Post berfungsi sebagai navigasi blog yang dianjurkan oleh Google dan SEO.

Dengan menggunakan kode-kode di bawah ini, dijamin berhasil dan tak kalah pentingnya adalah aman dari injeksi atau sisipan link apa pun! Banyak 'kan yang berbagi kode related post tapi ada sisipan link blog yang membanginya?

Nah, ini dia kode-kode related posts yang aman dari sisipan link dan dijamin berhasil, asalkan Anda mengikuti langkah-langkahnya dengan benar.

Cara Membuat Related Posts di Blogspot

1. Template > Edit HTML
2. Cari kode ]]></b:skin> dan Copas kode berikut ini di atasnya:

#related-posts{float:left;width:100%;border-bottom:0px solid #888;border-top:0px solid #88daed;margin:5px 0 10px;padding:15px 0 10px}
#related-posts .widget h2,#related-posts h3{font:bold 17px Open Sans,Arial;color:#000;text-transform:none;margin:0 0 10px;padding:0}
#related-posts a{color:#0973CF;font:14px Arial}
#related-posts li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1sjEeGrhdlxJ5bhU5cE7M9Ja-_03dVyHRyBZXcFO0PSk5Rr3bpQAkEwo9NtfWVl-JfJrWqMqs9pSbn8Xv2lj2SMGAh-8LLZpp4nJohOk7cQnZHa_3QH-WB1_DhyphenhyphenROhllKrSyhOGhp0nI/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.3em;border-bottom:1px dotted #ccc;margin:0;padding:3px 0 8px 12px}
#related-posts a:hover{color:#c00;text-decoration:none}
#related-posts .widget{margin:0;padding:0}
#related-posts ul{list-style:none;margin:0;padding:0}

2. Cari kode   </head> dan Copas kode berikut ini di atasnya:

<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}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<relatedUrls.length;b++){if(relatedUrls[b]==a){relatedUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTitles.length-1)*Math.random());var b=0;if(relatedTitles.length>1){document.write("<h3>"+relatedpoststitle+"</h3>")}document.write("<ul>");while(b<relatedTitles.length&&b<20&&b<maxresults){document.write('<li><a href="'+relatedUrls[c]+'">'+relatedTitles[c]+"</a></li>");if(c<relatedTitles.length-1){c++}else{c=0}b++}document.write("</ul>");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length)};
//]]>
</script>

3. Cari kode <data:post.body/> dan Copas kode berikut ini di bawahnya. Jika ada lebih dari satu kode tersebut, maka simpan di bawah kode yang kedua atau ketiga.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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&amp;max-results=8&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var maxresults=6;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div><div class='clear'/>
</b:if>

Itu dia Cara Membuat Related Posts di Blog Blogspot yang aman dari sisipan link. Demonya seperti ada di blog ini.