cara membuat related post dibawah postingan

related artikel atau post adalah artikel artikel yang berhubungan dengan postingan yang diatas jadi ketika si pembaca selesai membaca artikel kita dan dia mengscroll kebawah akan muncul postingan yang berhubungan dengan artikel yang baru dia baca sehingga meningkatkan pv kita karena membuat sipembaca tadi penasaran

nah tidak perlu basa basi lagi langsung saja simak tips dan tutorial berikut ini:

nah cara membuatnya begini bro:

nah pertama tama kalian harus membuka blog kalian dengan santai dan relax

pilihlah elemen template lalu pilih  edit html jangan lupa extand template widget cara mengedit template lawas 

carilah kode </head> (gunakan kode ctrl+f aga mudah untuk mencarinya)
nah jika sudah menemukan kodenya copy paste kode javascript dibawah ini

<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Qmo6_zkc4f6w-R80Dnbq7ccrpVFkcnlc1NnwLCtUFv1VTGYoAzXDscvC94XB_1eYWgZV6Wam-GRO_qbe-bqHIy2R6xm0gocKR-f09gFaXjncAQNNd7-uSjI0yhi5cvO_K2AUMMu-h_Q/") 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://yourjavascript.com/11631137121/related_post_pelajaran_blog.js' type='text/javascript'/>

nah jika yang diatas sudah dilakukan 

carilah kode berikut ini <data:post.body/>  jika sudah ditemukan Copy paste lagi kode ini

<br/><br/><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>

tepat dibawah kode <data:post.body/> 

setelah selesai simpan setelan blog anda lihat hasilnya seperti apa jangan kaget jika berhasil

nah jika postingan ini bermanfaat kalian bisa berterimakasih dengan cara klik iklan walau hanya satu kali sangat bermanfaat untuk saya :v