Beginilah Jomblo, Deritanya Tiada Pernah Berakhir

Membuat Artikel Terkait Di Blog Dengan Scroll

Membuat artikel terkait - Sebenarnya susah-susah gampang, gampang bagi mastah dan susah bagi ane. Untuk template yang sudah ada, mungkin gak perlu repot-repot membuat. Tapi template ane secara default gak ada. Pada umumnya artikel terkait letaknya di bawah postingan blog, tujuanya buat mempermudah pembaca buat mencari artikel lain.

Membuat Artikel Terkait Di Blog Dengan Scroll

Dan cara membuatnya;
- Log-in ke Blogger.com
- Pada Dashboard, pilih Menu Template - Edit HTML
- Seperti biasa, copas dulu isinya ke notepad, buat jaga-jaga kalau terjadi eror
- Cari kode </head>, gunakan CTRL+F untuk mempermudah pencarian
- Setelah ketemu, masukan kode berikut diatas kode </head>
<style>
#related-posts { float : left;height:300px;overflow:auto; width : 97%; 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; }
#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(&quot;http://i.imgur.com/lRboXU3.jpg&quot;) 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 src='http://problogizjs.googlecode.com/files/Related-posts.js' type='text/javascript'/>
Masih di edit HTML, lalu cari lagi kode <data:post.body/>
Jika terdapat beberapa kode, taruh kode ini di bawah <data:post.body/> yang ke dua
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='2'>Baca Juga ya :</font>
<font color='#151515'><b:loop values='data:post.labels' var='label'>
<data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
<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=10&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script>
</div>
</b:if>
http://mancunian12.blogspot.ru/2014/03/membuat-artikel-terkait-di-blog-dengan.html


Klik save dan lihat hasilnya

Note:
Untuk kode yang ke dua, gak harus di tempatkan tepat di bawah <data:post.body/>, yang penting masih pada bagian itu. Di template ane, kalo tepat di bawah <data:post.body/>, akan bentrok dengan kode "share this article to".


Selamat mencoba membuat related post
Membuat Artikel Terkait Di Blog Dengan Scroll Rating: 4.5 Diposkan Oleh: Hendra M Top