Cara Mudah Membuat Related Posts Di Bawah Posting

Posted by on
Kembali lagi diblog saya, sekarang kita akan coba membahas turotial tentang Cara Mudah Membuat Related Posts Di Bawah Posting . Related posts ini sangat penting bagi suatu blog , karena berguna untuk memudahkan pengunjung mengakses artikel yang berkaitan dengan artikel yang sedang di baca oleh pengunjung blog anda. Sehingga pengunjung lebih bisa berlama-lama menelusuri blog anda.

Sedangkan fungsi dari Related Posts Di Bawah Postingan adalah menampilkan beberapa artikel yang ada, namun masih memilki hubungan label terhadap post. Contoh dari Related Posts seperti dibawah ini.


Script dibawah ini saya dapat dari blog saudara Kurnia, ketika saya mencari - cari artikel terkait. Tanpa perlu panjang lebar, mari kita langsung saja menuju ke tutorialnya, silahkan anda mengikuti langkah - langkah berikut: 

1. Log in ke blogger dengan akun yang anda miliki.
2. Klik rancangan.
3. Edit Html » Centang kotak Expand template widget.
4. Cari kode </head> letakkan kode dibawah ini sebelum kode </head> yang anda temukan.

<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/AVvXsEjsd1altVBEXrSDp31nRh9xY9Dtl3akGKFS51D1UG8dhBRDwHk03qEX6nceM7ceH4DN7V6-ZAoHggHOKVFSJfuAFh2xDrqZNn8wrsQMoGVs9ESi72KzPX_XzyST9jkz1xiVzt8iuz_x1-c/") 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://linxets.googlecode.com/files/related%20posts%20linxets.js' type='text/javascript'/>

5. Sekarang cari kode <data:post.body/> jika ada dua pilih yang kedua dan letakkan kode di bawah ini dibawah kode <data:post.body/>.

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

6. Save template anda dan lihat hasilnya.

 Sekian tutorial tentang Cara Mudah Membuat Related Posts Di Bawah Posting semoga bisa bermanfaat bagi kita semua. Jangan lupa untuk meninggalkan komentar dibawah ya....