Cara Membuat Related Post atau Artikel Terkait di Blogspot

Related Post atau Admin sering menyebutnya artikel terkait, banyak dimamfaat oleh blogger profesional untuk meningkatkan pageview blognya. Tak terkecuali situs-situs besar, rata-rata menerapkan related post di websitenya. Pageview suatu blog atau website bisa meningkat 50% bahkan lebih, dengan menerapkan releted post. Dengan adanya related post ini, pengunjung blog akan memperoleh lebih banyak informasi yang mereka butuhkan berkaitan dengan kategori artikel yang sedang mereka baca.

Bagaimana cara membuat related post di blog ataupun website sebenarnya sudah banyak yang membahasnya, namun untuk melengkapi artikel tips blogging di blog sederhana ini, maka berikut tutorialnya:
Catatan: Artikel ini khusus untuk membuat related post dibawah postingan blog berplatform Blogger.com
  • Klik menu Template►Edit HTML pada dashboard Blogger sobat
  • Tekan Ctrl + f dan ketikkan "</head" tanpa tanda kutip lalu enter
  • Copy dan letakkan kode dibawah ini tepat diatas tulisan "</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/48541111212/relate-post-itnet.js' type='text/javascript'/>
  • Tekan lagi Ctrl + f dan ketikkan "<data:post.body/>" tanpa tanda petik lalu enter
  • Copy dan letakkan kode dibawah ini tepat dibawah tulisan <data:post.body/>
<br/><b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Baca Artikel Lainnya : </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>
  •  Jika ditemukan lebih dari satu kode <data:post.body/>, cobakan salah satu lalu ►Save Template
  • Lihat perubahan di bawah salah satu postingan blog sobat. Jika berhasil maka sobat akan melihat tampilan seperti gambar dibawah ini, jika tidak coba pindahkan kode bewarna coklat ke bawah tulisan <data:post.body/> yang lainnya.
Cara Membuat Related Post atau Artikel Terkait di Blogspot

Sekian postingan Admin yang berjudul Cara Membuat Related Post atau Artikel Terkait di Blogspot, selamat mencoba dan semoga berhasil ya sob? :D

Tidak ada komentar:

Poskan Komentar

Komentar di blog ini dimoderasi sebelum ditampilkan,
Soo..jika ingin komentarnya di tampilkan jangan:
1. Spam
2. Junk
3. Sara
4. Dll yang melanggar

Google+ Followers

DMCA.com