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 != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
<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 != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' 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
