Membuat Artikel Terkait atau Related Posts di Blog

By Kama 6:55 PM 7 comments

Membuat artikel terkait atau related post pada blog. Nah satu lagi cara agar blog lebih powerfull yaitu dengan membuat artikel terkait pada akhir postingan blog. Yang dimaksud artikel terkait adalah artikel-artikel yang berkaitan dengan postingan yang muncul dan kaitannya berupa persamaan kategori atau label. Jadi pembuatan artikel terkait ini berdasarkan label pada blog. Ini berguna agar si pengunjung dapat lebih lama mengunjungi blog dengan melihat artikel artikel yang berkaitan.

Pada kesempatan yang berharga ini (ceramah mode on) saya akan membagi tips cara membuat artikel terkait dengan menggunakan logo atau icon yang berbeda, seperti pada blog ini saya menggunakan icon favicon blog saya . Lebih jelasnya liat gambar diatas.

Baca Juga : Cara Menampilkan Widget di Halaman Tertentu Pada Blog

Logo atau gambar yang berada disamping judul-judul artikel pada gambar diatas, saya ambil dari link favicon pada blog saya. Jadi kelihatan lebih natural heheh kayak lagunya dmasiv yah.

Langsung saja pada step pertama copy code dibawah ini dan tempatkan diantara tag <head> dan </head>

<b:if cond='data:blog.pageType == "item"'>
<style>
  #related-posts { float : left; width : auto; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; color:#000000 } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi33p-uTcmDbV3wYVmPHqsbc8dYOhDdDP4M7ZjYPAbepRwsn2QVNBIR0pr8E8TzUbvwwganpWQD4dLxvmAt8Fg9ezbP4jXeGTdZ-_5nKlMwolNMKNIOvx6egztId5JOFol7LmO4QJkGaGwz/h120/favicon.ico") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; }
</style>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break;}}}}
function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length- 1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length- 1]=relatedTitles[i];}}
relatedTitles=tmp2;relatedUrls=tmp;}
function contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false;}
function printRelatedLabels(){var r=Math.floor((relatedTitles.length- 1)*Math.random());var i=0;document.write('<ul>');while(i<relatedTitles.length&&i<20){document.write('
<li><a href="'+ relatedUrls[r]+'">'+ relatedTitles[r]+'</a></li>
');if(r<relatedTitles.length- 1){r++;}else{r=0;}
i++;}
document.write('</ul>
');document.write('<a rel="dofollow" href="http://freezon88.blogspot.com/">Cara Membuat Related Post</a> By : FreeZon Blog</font>');}
//]]>
</script>
</b:if>

Pada code diatas ganti url ini https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi33p-uTcmDbV3wYVmPHqsbc8dYOhDdDP4M7ZjYPAbepRwsn2QVNBIR0pr8E8TzUbvwwganpWQD4dLxvmAt8Fg9ezbP4jXeGTdZ-_5nKlMwolNMKNIOvx6egztId5JOFol7LmO4QJkGaGwz/h120/favicon.ico dengan alamat url favicon atau logo sobat agar gambar yang tampil disamping artikel tersebut adalah logo atau icon milik sobat sendiri. Jika menggunakan logo, gunakanlah logo dengan ukuran yang kecil seperti contoh.

Baca Juga : Cara Mengetaui Skor Atau Peringkat SEO Blog

Setelah menempatkan code diatas, sekarang copy code dibawah ini dan tempatkan dibawah <data:post.body/>. Kalau diblog ini saya tempatkan pas dibawah code ini <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

Save template dan lihat hasilnya. Selamat mencoba

KamaCostik

Membuat Artikel Terkait atau Related Posts di Blog

7 comments for "Membuat Artikel Terkait atau Related Posts di Blog"