Friday, January 11, 2013

Cara memasang related post/artikel terkait

Cara memasang related post/artikel terkait


Memasang artikel terkait ternyata sesuatu yang penting bagi blogger, selain mempercantik blog bahkan termasuk salah satu tips SEO loh! Lihat saja, terutama di blog blog yang sudah berpagerank tinggi, mreka pasti pasang artikel terkait. Saya ini juga baru tahu  caranya setelah googling, dan mencoba. Itupun gagal 2 kali, akhirnya berhasil dan langsung membuat postingan ini, ngeshare lah, hhe

Jadi intinya setelah kita memasang artikel terkait, otomatis di semua postingan di bagian bawah akan muncul artikel terkait/related post. Dengan begitu mau tidak mau setelah mereka selesai membaca satu artikel kita, mereka akan melongok ke artikel terkait karena penasaran, dan peluang pembaca berlama lama di blog kita makin besar hehe.

Namun sebelum saya kasih caranya saya sarankan sobat sebaiknya benar dalam menata label. Sebab itu sangat berpengaruh pada keterkaitan artikel yang muncul nanti.

 Oke langsung saja caranya :

1. Masuk ke akun blog anda > masuk ke template > edit html > centang expand widget template
2. Cari kode </head>
3. Letakkan kode berikut sebelum kode </head> 

<style> #related-posts { float : left;height:200px;overflow:auto; 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://problogizjs.googlecode.com/files/Related-posts.js' type='text/javascript'/>

Lalu untuk langkah berikutnya :

4. Cari kode <data:post.body/>
5. Letakkan kode di bawah setelah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <font face='Arial' size='3'><b>Artikel Terkait : </b></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>


     

#Mungkin diantara teman teman akan menemukan beberapa kode <data:post.body/> yang sama. Coba aja satu satu.




Setelah itu save templates. Semoga berhasil :)

1 comments: