Membuat Artikel Terkait atau related Posts di Blog ~ Amira@

cara membuat artikel terkait atau related posts di blog

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.

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/AVvXsEgfK_al7alKyR82dFpDbPYevQcIR7ZgvXKCskVWruGgW8NAy1JheXrvnOSbFf82___P1TyY41suqpl25Z2LM5QVhM6zKmlgft_F7Xgx6w-YGMW6h4EuNN07ocUs7o4nGos_hsVgptUy5SQd/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/AVvXsEgfK_al7alKyR82dFpDbPYevQcIR7ZgvXKCskVWruGgW8NAy1JheXrvnOSbFf82___P1TyY41suqpl25Z2LM5QVhM6zKmlgft_F7Xgx6w-YGMW6h4EuNN07ocUs7o4nGos_hsVgptUy5SQd/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.

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

Sumber : http://freezon88.blogspot.com/2013/12/membuat-artikel-terkait-related-posts-blogspot.html#more

Pages

Labels

Entri Populer

Senin, 13 Januari 2014