Cara Terbaru Menciptakan Artikel Terkait Bergambar Di Bab Bawah Blog

6.       Setelah selesai, cari kode <div class='post-footer'> seperti cara tadi (jika ada dua isyarat yang sama pilih aja yang kedua ya)
7.       Nah kalau sudah ketemu langkah selanjutnya ialah copy script berikut diatas <div class='post-footer'> yang pertama anda temukan tadi

<!-- Related Posts with Thumbnails Code Start-->
<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=8&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=4;
var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;

removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ_EBHpfa8Jc3obdqs8nhTGbb1s8Qg2zmcUxF1-epZqn3JQGU8rR_pRsrvcLlbITa-p0iEWI-X36S8yYNkS_YaUUJSmsofZVGgma8T6657tpTMzVyHYxNwT1J_o76GW_WF106sWMDucztU/s1600/best+blogger+tips.png'/></a>
</b:if></b:if><!-- Related Posts with Thumbnails Code End-->

Ket: ubah maxresult = 4 dengan jumlah artikel terkait maksimal yang ingin ditampilkan

8.       Ok, selesai, upsss belum.. jangan lupa klik simpan Template

Semoga berhasil ya gue juga agak galau nih.. hehe.. Jika anda balasan dan yang ingin tanyakan silahkan coment aj dibawah gue balas kok dan kita sama- sama berguru deh.. Terima Kasih

Update: isyarat html dan css sudah di tes bekerja dengan baik