Cara Membuat Related Post Di bawah postingan
Harianto- Kali ini saya akan berbagi related post sederhana di bawah posting .
related post ini cukup berguna untuk membuat para pengunjung blog lebih lama di dalam blog jadi bila blog anda belum memilikinya silahkan baca cara pasang related post di bawah ini
Backup lah template sebelum memulai edit untuk menghindari hal hal yang merugikan !
Tata Urutan Cara
Login Blogger
Masuk ke dashboard
Edit html
cari code <head>
paste kan code di bawah ini tepat di atasnya
<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/AVvXsEgom88ZBHwPy81KAQiDzdnAtWpPeLfeiFGej-wwF4tP66ekJm6JB_McDVX2Yu6sG6Ic7670vFvDp6sgZKP3iXLuK75DX-6RY_YJgDJHa14NjVLtK66VT4uekDzIv1SGdYoKvoeKkD-1SqA/") 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'/>
Setelah itu lanjut lagi dengan mencari code <data:post.body/> saat mencari code ini pasti anda menemukan lebih dari satu code , tenang pilih salah satu saja ( biasanya yang ke-3 ) kemudian letakan code di bawah ini tepat di bawa code <data:post.body/>
<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>
Klik save dan selesai
lihat hasilnya
sekian dulu semoga tips ini bermanfaat .