Cara Pasang Related Post Artikel Terkait

Cara Pasang Related Post Artikel Terkait - memasang related post atau artikel terkait dibawah postingan akan membantu untuk mengurangi bounce rate kunjungan pada blog. banyak tips optimasi blog merupakan trik seo membantu pengunjung menemukan artikel yang benar-benar dicari.

hampir semua blogger memasang artikel terkait dibawah posting dapat membantu meningkatkan kunjungan terhadapa halaman posting lainnya, sebelum saya memberikan tips cara membuat artikel terkait atau related post kira-kira contohnya begini.

Artikel terkait berdasarkan label yang sama pada setiap postingan, seperti label tutorial blog, tips seo, atau bisnis online, maka setiap ada artikel yang label sama dengan postingan maka judul-judul postingan yang berhubungan akan ditampilkan.



Cara membuat related post atau artikel terkait dan menempatkannya tepat dibawah halaman posting berikut caranya.

langkah pertama.

Login kedasbor sobat,kemudian masuk ke edit html, dan cari kode </head> dan copy kode dibawah ini tepat dibawahnya.

<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/AVvXsEh-EIHtjTaSqbX_aO8Iy-TVZib7YS5ehfowaBlArKveUu0NnY6uvHYHWzyympQjzCfSoG34F_CqpZAhNbhlqNigXwaMVIdkJmAfWDytZ2RdZZRpTH_D0dKnCEsxV4B0x8javlwyjC3Mhqc/") 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://dvmcode.googlecode.com/files/Related-posts.jss' type='text/javascript'/>

Langkah kedua

cari kode <data:post.body/> dan tambahkan kode berikut ini dibawah tag tadi.

<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='#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>

Setelah semua kode related post dipasang langkah terakhir simpan dan lihat hasilnya, selamat mencoba cara pasang related post artikel terkait. description: Cara Pasang Related Post Artikel Terkait Rating: 5.0 Reviewer: Unknown ItemReviewed: Cara Pasang Related Post Artikel Terkait