Cara Membuat Related Post Dibawah Postingan Blog

Minggu, Februari 8th, 2015 - Tutorial Blog

Tags :

Membuat Related Post Di Bawah Postingan  Membuat Related Post atau yang sering kita sebut artikel terkait pada sebuah blog merupakan hal yang sangat penting sob, manfaat artikel terkait yaitu untuk meningkatkan interlink pada postingan dan juga dapat meningkatkan jumlah pageview pada blog. Dengan memasang artikel terkait maka secara tidak langsung akan mempermudah para pengunjung blog sobat untuk mebaca artikel-artikel yang terkait dengan yang saat ini sedang di baca, sehingga dapat membuat pengunjung betah bertahan lama di blog anda sob.

Related Post atau artikel terkait banyak di gunakan oleh para blogger, Selain untuk mempermudah pengunjung melihat artikel-artikel yang berhubungan dengan yang sedang di baca, artikel terkait juga mempercantik blog sobat. Artikel terkait sebenarnya banyak jenis-jenisnya, berikut ini salah satunya ( Membuat Artikel Terkait Dengan Scroll ) ( Membuat Artikel Terkait Keren Dengan Gambar ) . Untuk itu, bagi sobat yang ingin memasang artikel terkait dengan gambar di dalam blognya masing-masing silahkan simak langkah-langkahnya berikut ini.

memasang/membuat related post di bawah postingan blog
hasilnya seperti ini

Tutorial Membuat Related Post Di Bawah Postingan

1. Masuk ke Blog sobat terlebih dahulu
2. Masuk ke Template dan pilih Edit Template
3. Kemudian cari kode script </head>. Gunakan CTRL+F untuk mempermudah pencarian
4. Jika sudah ketemu, Silahkan letakan kode script di bawah ini tepat di atas kode </head>

<style> #related-posts { float : left; width : 540px; 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(“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; } </style> <script src=’http://yourjavascript.com/11631137121/related_post_pelajaran_blog.js’ type=’text/javascript’/>

5. Setelah itu, Langkah selanjutnya silahkan cari kode script <data:post.body/>
6. Kemudian letakan kode script dibawah ini tepat di bawah <data:post.body/> tersebut

<br/><br/><b:if cond=’data:blog.pageType == “item”‘>
<div id=”related-posts”>
<font face=’Arial’ size=’3′><b>Related Posts : </b></font><font color=’#FFFFFF’><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=5&quot;’ type=’text/javascript’/></b:if></b:loop> </font>
<script type=’text/javascript’> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

Keterangan.

  • Kode <data:post.body/> di dalam template terkadang lebih dari satu, silahkan pilih yang terahir sendiri atau anda coba satu persatu sob.

7. Langkah yang terahir Simpan Template dan silahkan lihat hasilnya

Sekian tutorial cara mebuat related post di bawah postingan blog, Mudah-mudahan dapat membantu anda untuk lebih meningkatkan page view blog sobat dan membuat betah pengunjung untuk tetap berada di blog sobat. Selamat mencoba dan semoga bermanfaat..

Share this article
Previous Post « « Harga Dan Spesifikasi Asus Zenfone Zoom Terbaru and Cara Membuat/Memasang Artikel Terkait Di Blogger » » Next Post

Cara Membuat Related Post Dibawah Postingan Blog

Cara Membuat Related Post Dibawah Postingan Blog | wongcilik2017 | 4.5