CARA MEMBUAT ARTIKEL TERKAIT/RELEATED POST

yadi000.blogspot.com - Selamat sore sobat yadi000 BLog, pada kesempatan kali ini saya akan SHARE CARA MEMBUAT ARTIKEL TERKAIT/RELEATED POST, Artikel Terkain ini sangat berfungsi bagi BLog / Website, kok bisa??? kenapa??? karena artikel terkait ini membuat para pengunjung blog, supaya betah di blog kita,, dan tidak cepat keluar masuk dari blog, nah,, ini rahasia para blogger lain,,, terungkap sekarang,,, hehehee oke, saya kali ini akan menjelaskan kepada sobat semua,, kita lihat gimana cara membuat nya,, kali ini saya buat dengan + gambar supaya kita bisa melihat di mana letak letak kode script tersebut.

Langkah - Langkah ( Step By Step )

CARA PERTAMA

• Masuk ke Blogger
• Pilih Template
• BACKUP TEMPLATE DULU, JIKA TERJADI KESALAHAN, BISA DI KEMBALIKAN SEPERTI SEMULA
• Pilih Edit Html
• Cari kode </head>
• Biar lebih mudah mencari kode tersebut, gunakan Tombol CTRL + F Atau F3
• Copt Code CSS Di bawah ini DI ATAS / 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidEE3BQt33BsOAYltyBOwfvvQvHBRk33JYtsoNpM6lP0qB5noRviuiEWWF8o20yL2EU19UxbmiWa_FHnRI8sJxQjmKue9IgZNmV-L5k7QVJePxieRDrrzskOkbaQyuEGeFQqNc9JUWQUI/") 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'/>

MAKA HASILNYA AKAN SEPERTI INI

• SAVE TEMPLATE ANDA.....

CARA KEDUA

• Masih di EDIT HTML, tapi sebelumnya, centang dulu Expand Template Widget
• Cari kode <data:post.body/>
• Copy dan pastekan kode HTML dibawah 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> 

• jika anda menemukan <data:post.body/> banyak, Copy kan pada <data:post.body/> yang ke 2, apabila tidak berhasil, coba kode <data:post.body/> yang lainnya..!!!

MAKA HASILNYA AKAN SEPERTI INI

• SAVE TEMPLATE ANDA.....

Anda dapat melihat hasil di atas di BLOG INI, karena CARA DI ATAS SUDAH SAYA TERAPKAN PADA BLOG ini...

SEMOGA BERMANFAAT

Share this

Unknown