Blog Seputar Tutorial Komputer, Printer, Windows, Android, Blackberry, Dan Informasi Teknologi

Cara Membuat Related Post Dibawah Postingan Blog

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..

Previous
Next Post »

1 komentar:

Irma Yunia delete May 16, 2015 at 2:40 PM

terimakasih informasinya :)
http://goo.gl/4jDhC3

PERINGATAN..!!
1. Berkomentarlah Sesuai Judul Diatas Dengan Sopan dan Jangan Spaming.!!
2. Dilarang Berkomentar Yang Mengandung Unsur Pornografi dan Sara.!!
3. Mohon Maaf Bagi Yang Berkomentar Melampirkan Link Langsung Ane Masukan Spam.!!

Matur Nuwon Sanget Atas Perhatiane Panjenengan Sedoyo. Salam Blogger Wongcilik.

 

Contact Form

Name

Email *

Message *