Cara bikin Related post dengan Thumbnails

Kalo di dua postingan sebelumnya Tia sharing tips tentang Cara bikin link terkait dan Related post dengan Linkwithin, nah postingan yang kali ini juga masi tentang Related Post kak, cuman bedanya yang ini pake script sendiri, trus bisa di edit juga tampilannya biar sesuai selera kakak n ada gambarnya juga. Menurut para kakak senior dengan mendisplay related post yang disertai gambar or thumbnails bisa meningkatkan page view kita kak coz postingan jadi lebih menarik n cantik, nah untuk lebih lengkapnya yuk kita simak sama-sama kak Cara bikin Related post dengan Thumbnails

1. Login ke Blogger trus masukin username dan passwordnya kakak

2. Klik di Layout>> Edit HTML trus jangan lupa klik di Expand Widget Tempalte, sekalian kak di download dolo full templatenya sekedar buat jaga-jaga ajah sih

3. Trus kakak cari kode ini </head> dan kopas kode Related thumbnails ini tepat diatas nya

Hasilnya jadi kayak gini kak
--kode Related Thumbnails--
</head>

4. Kalo udah yang itu.. sekarang kakak cari kode ini
<div class='post-footer-line post-footer-line-1'>

atau kalo nga ketemu yang itu, coba cari yang ini kak, sama aja kok
<p class='post-footer-line post-footer-line-1'>

trus kopas kode berikut tepat di bawahnya
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<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_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

Yang bisa kakak rubah ada di :
Warna Merah : jumlah Related post yang ingin kakak tampilkan
Warna Kuning : Tulisan yang bisa diganti sesuai seleranya kakak

5. Selesai kak.. trus klik Save Template

Gimana kak?? gampang kan Tia juga udah pernah pake buat blog ini kok kak but Tia apus lagi coz takut tabrakan dengan Link Artikel terkait yang udah Tia pasang sebelumnya uhmm.. makin banyak ajah yah kak pilihan widget buat mempercantik tampilan blog, keren-keren n bisa disesuaikan ama kebutuhan blog kita ya kak

Related Post dengan Thumbnails, postingan makin cantik