Simpel Related Post Lebih Ringan

Simpel Related Post Lebih Ringan - Related post itu fungsinya sangat besar bagi kemajuan Blog dan kata penyedia layanan Related Posts Plugin , Elemen satu ini harus terpasang di blog untuk meningkatkan pageviews pada Blog . Dan faktanya memang benar . Banyak sekali pengunjung termasuk saya sendiri yang sering melihat banyak artikel lainnya dari Related post atau post terkait yang dipasang dibawah Posting .

Dan kali ini saya pikir saya juga harus membahas related post dan pemasangannya agar blog kita meningkat page Views nya .

Related post disini sederhana sekali dan bisa anda lihat dibawah artikel ini . Dan lagi keuntungannya adalah tidak memperlambat loading blog yang kadang manjadi masalah .

So langsung saja kita mulai menginstal Related post di blog

Berikut Langkah-langkah Cara Membuat Artikel Terkait Loading Cepat.
1. Login Ke Blogger.
2. Klik Template, Backup template terlebih dahulu, untuk jaga2,
atau langkah berikut bisa di uji coba menggunakan Blog percobaan yang lain.
3. Klik Edit HTML.
4. Klik Kiri 1 x Dimana saja dalam kotak template.
5. Klik Ctrl+F (Supaya mempercepat pencarian kode),
Dan cari kode berikut ]]></b:skin>
Masukan kode tersebut dalam kotak pencarian, kemudian enter untuk mencari.
6. Masukan Kode berikut diatas ]]></b:skin>

/* Related Post Cepat
--------------------------------- */
#related-postsku { float : left; width : 100%; margin-top:5px; margin-left : 0px; font-size : 13px; font-family:Arial,serif; margin-bottom:0px; }
#related-postsku a { text-decoration : none; }
#related-postsku a:hover { text-decoration : none; }
#related-postsku ul { border : medium none; margin : 10px 0px 10px 0px; padding : 0; }
#related-postsku ul li { display : block; background : url("http://2.bp.blogspot.com/-qgbmevfKcaA/Ul4KNahwsAI/AAAAAAAAAxA/zWXPtTYvTuQ/s1600/Letter+B.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 30px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; }

Anda masih bisa mengedit css diatas jika sudah mengerti Css .

Selanjutnya kita cari kode </head>
Kemudian letakkan Script dibawah ini tepat diatasnya

<!-- Artikel Terkait Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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>');}//]]>
</script>
</b:if>
<!-- Artikel Terkait End --> 

Kemudian cari kode <div class='post-footer'> .
Note : Biasanya kode <div class='post-footer'> ada 2 , pertama untuk versi mobile dan kedua versi web .

Letakkan Script dibawah ini diatas kode <div class='post-footer'> yang kedua .

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-postsku'>
<font style='font-size:19px; color:#CC333B; font-family:Arial;'><b>Artikel Terkait: </b>
</font><font color='#fff'><b:loop values='data:post.labels' var='label'><data:label.name/>
<b:if cond='data:label.isLast != &quot;true&quot;'/><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
</b:if></b:loop></font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script>
</div>
</b:if>

Terakhir simpan template dan coba preview hasilnya . Semoga bermanfaat .

Demikian artikel Simpel Related Post Lebih Ringan untuk Blogger .