Membuat Artikel Terkait bergambar di blog

Membuat Artikel Terkait-kali ini saya akan share cara membuat artikel terkait, Membuat Artikel Terkait di blog akan sangat menguntungkan, kenapa? karna saat pengunjung selesai membaca arttikel yang kita buat pengunjung tsb akan melihat Artikel Terkait dan kemungkinan besar pengunjung tsb akan membaca artikel kita yang lain, Jadi Artikel Terkait bisa dibilang alat promosi blog. Oke tanpa basa basi lagi kita langsung ke cara pemasangan.

• Login dulu ke akun blogger sobat
• Pilih Menu Template>>HTML
• Centang pada Expand Template Widget
• Cari kode </head> Biar lebih mudah gunakan Ctrl+f
• Kalo dah ketemu Copy kode dibawah ini dan Pastekan di atas kode </head>

<!--Start Related Posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:90%;
min-height:90%;
padding-top:0px;
padding-left:8px;
}
#related-posts h2{
font-size: 1.0em;
font-weight: bold;
color: white;
font-family: Rockwell,Georgia,Serif;
margin-bottom: 0.8em;
margin-top:0em;
padding-bottom:0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#080;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLm9qPOWAiuWbwQ2zi5tOBslDLl0PeAPcZcKFTp5KN5J1iorzGePM7jQMTupo6lPjgPEpQIHfvGIEjx8ZFa8ra-1zASggw9hUGRyTkJPajmPyMoSC6khvat4hKGad-f0Adhpp_upJrdon3/s1600/No+Image.jpg&quot;;
var maxresults=6;
var splittercolor=&quot;#000000&quot;;
var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
</script>
<script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
</b:if>
<!--End Related Post-->

keterangan:

color:black; : Ini untuk merubah warna tulisan jika ingin dirubah, rubah black  dg warna yang sobat suka contoh white
var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;; = sobat bisa ganti tulisan yang warna merah dengan yang lain contoh "Artikel Terkait"
var splittercolor=&quot;#000000&quot;; = ini warna garis pembatas juga bisa sobat rubah 

• Bila kode diatas sudah dipasang diatas kode</head> selanjutnya kita cari kode<data:post.body/> 
• Kalo  kode <data:post.body/> ada banyak pilih yang kedua. 
• Kalau kode diatas sudah ketemu, Sekarang copy'lah script berikut :

<!-- Start Related Posts-->
<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>
<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=7&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
</b:if>
<!-- End Related Posts-->

•  Kemudian save template sobat dan lihat hasilnya