Alternatif Related Post untuk Blogspot

Related Post Untuk Blogspot. Sudah lama blog ini tidak mengupas tentang blog hacking, kali ini saya akan coba membahas bagaimana cara pasang related post untuk blogspot. Related post ini sebenarnya sama dengan related post by category yang menampilkan artikel yang terkait dibawah setiap artikel blog. Fungsi related post sendiri untuk menambah pageview dan agar pembaca tidak cepat pergi dari blog anda.

Seperti yang satu ini, related posting yang menampilkan artikel terkait dalam kategori/label yang sama. Dengan memasang widget related post dibawah setiap artikel ini akan membuat banyak pembaca akan tetap di situs anda untuk waktu yang lebih lama ketika mereka melihat posting yang berhubungan dengan artikel yang sedang dibaca.

Berikut ini cara pasang related post by category untuk blogspot atau blogger platform:
  1. Login ke blogger. masuk ke menu "Desain"(Layout) -> Edit HTML
  2. Backup/simpan template untuk jaga-jaga.
  3. Centang kotak "Expand Widget Templates"
  4. Cari kode </head>, lalu ganti/timpa dengan dengan kode dibawah ini:
  5. <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://jarlok.com/Script/Related_posts_hack.js' type='text/javascript'/> </head>
  6. Lalu cari kode <data:post.body/>, kemudian ganti/timpa dengan kode dibawah ini:
  7. <data:post.body/> <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>
  8. Selanjutnya simpan template.
  9. Untuk hasilnya lihat diblog ini dibawah setiap artikel.
Untuk merubah berapa artikel ditampilkan ganti nilai max-results=5 pada kode no.5, bagi yang berminat silahkan dicoba.

Sumber: jarlok.com


0 komentar:

Post a Comment

Silahkan memberi komentar, saran, kritik atau masukan tentang artikel atau blog ini
Do not insert a link on comment box or you will be considered a spammer

 
Seo marketing © 2010 | Designed by Chica Blogger | Back to top