Cara memasang related post dibawah postingan

Setelah postingan kemarin yaitu Cara memasang related post di sidebar,kali ini saya share bagaimana jika ingin menerapkan related post pada blogger ini seperti pada umumnya yaitu dibawah postingan.
Sebenarnya source code yang digunakan sama,hanya saja peletakan generatornya saja yang berbeda.Artikel terkait berikut saya jamin pasti keren,simple dan tidak terlalu membebani loading blog.

Cara pemasangan script related post ini kamu bisa ikuti langkah mudah berikut.

Login > Rancangan >edit HTML > centang expand template widget (tampilan blogger lama),jika memakai tampilan blogger baru pilih option > Template > edit HTML >centang expand template widget.

Paste source code javascript berikut sebelum tag </head>
<script src=’http://artikel-luarbiasa.googlecode.com/files/RLPproject.js’ type=’text/javascript’/>

Langkah berikutnya atau yang kedua,paste code CSS berikut sebelum code ]]</b:skin>
#related-posts {
overflow: hidden;
width : 550px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
margin-bottom:10px;
}
#related-posts h3 {
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
text-decoration : none;
}
#related-posts ul { border : medium none;
margin : 10px;
padding : 0;
}
#related-posts a:hover{
text-decoration: underline
}
#related-posts ul li { display : block;
background : url(http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png) 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;
}

Baca Juga :  Apa Yang dimaksud dengan Website, Domain dan Hosting?

Sebelumnya kamu cari dulu tag <data:post.body> urutan yang kedua,maksudnya biasanya tag tersebut ada 2 di dalam template.Jadi cari yang kedua,atau bisa juga kamu paste setelah <p class=’post-footer-line post-footer-line-1′>.Gunakan CTRL+F untuk mencari tag tag diatas.
Kalau sudah ketemu,paste code related post berikut persis setelahnya.

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div id=’related-posts’>
<h3>Artikel terkait: </h3>
<b:loop values=’data:post.labels’ var=’label’><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>
<script type=’text/javascript’> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

Keterangan: Lihat angka 5 yang saya kasih warna merah,itu adalah jumlah artikel terkait yang ditampilkan.Rubah sesuai dengan keinginan kamu.

Simpan template Kamu!

DONE!

One Response

  1. Sepz Dani Januari 26, 2013

Leave a Reply