Tutorial Membuat Artikel Terkait di Blog

Cara Membuat Artikel Terkait - Kalian pasti sudah tau tentang Related Post atau Artikel Terkait Related Post adalah link yang berisi Post yang berkaitan dengan artikel yang sedah dibaca, dengan kata lain related post ini di di buat agar pembaca blog lebih betah untuk tetap berada di blog sobat. Nah saya akan memberikan Tutorial cara membuatnya Langsung saja dicoba.

Cara Memasang Artikel  Simple Di Bawah Postingan Blog

1. Masuk ke blogger sobat 
2. Pilih Template dan klik Edit Template
3. Silahkan cari kode </head> disana , setelah ketemu dengan kode itu silahkan copy kode warna biru di bawah ini dan pastekan di atas kode </head>  tadi, jangan lupa untuk megganti angka 500px dengan angka sesuai lebar template milik sobat.         



 <style> #related-posts { float : left; width : 500px; margin-top:20px; margin-left : 0px; 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(&quot;http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png&quot;) 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='https://my-sanah-project.googlecode.com/svn/branches-satu' type='text/javascript'/>

4. Kemudian yang terakhir adalah cari kode <data:post.body/>  dan silahkan copy dan patekan kode di warna biru bawah ini tepat di bawah kode <data:post.body/> tadi, biasanya setiap template mempunyai kode <data:post.body/> lebih dari dua sobat bisa mencobanya mulai dari yang paling bawah atau yang terakhir.              

5. <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div id='related-posts'>
     <font face='Arial' size='3'><b><h3 style='font-size:13px'>Artikel Terkait Selain <data:post.title/></h3> : </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=10&quot;' type='text/javascript'/></b:if></b:loop> </font>
   <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
   </script>
   </div></b:if>

                                                                                                     
Perhatikan kode yang berwarna hitam di atas itu adalah kode yag bisa sobat ganti sendiri sesuai dengan template milik sobat misalkan kode  FFFFF adalah warna huruf sedangkan angka 10 adalah jumlah. sedangkan kata Artikel Terkait selain itu bisa sobat rubah sesuai dengan kata yang menurut sobat lbih pas di hati.


6. Setelah Selesai simpan Template sobat. 

Semoga Bermanfaat