Cara Membuat Artikel Terkait dengan Gambar di Blog

Cara Membuat Artikel Terkait dengan Gambar di Blog - Assalamualaikum wr. wb, gimana kabarnya semua? pasti sehat dong, pada kesempatan kali ini, saya akan membahas tentang blog, soalnya saya baru sedikit bikin posting tentang blogging, yasudah saya tambah lagi deh tips blognya, oke langsung saja ke tutorialnya.

Cara Membuat Artikel Terkait dengan Gambar di Blog

• 1. Masuk Ke Blogger
• 2. Pergi ke Template → Edit HTML
• 3. Cari kode </head>
• 4. Kemudian copy code dibawah ini tepat diatas 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:white;
}
#related-posts a:hover{
color:white;
}
#related-posts a:hover {
background-color:#080;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA2LuiCo5i3YCqJj0Ij-U_nlEtz5hgcsYfG5eX7Zk_3P2snCZqeyTBMNBkailiRq_HMjkzYqZkMT8EMB_s4zEBb8HkRK0OJzrCB69dXq6qlkwNpcYVoiCgHPfO003NbG_rsXmDvKZnAuVX/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-->

• 5. Kemudian cari kembali kode <data:post.body/>
• 6. Bila sudah ditemukan, copy kode dibawah ini tepat dibawah kode <data:post.body/>

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

•  7. Simpan template, dan lihat hasilnya

Catatan : Berikut adalah kode yang anda bisa ganti sesuai keinginan anda

• Menampilkan jumlah artikel terkait yang muncul max-results=7
• Judul artikel terkait var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
• Warna Tulisan var splittercolor=&quot;#000000&quot;;

Demikianlah artikel tentang  Cara Membuat Artikel Terkait dengan Gambar di Blog, semoga bermanfaat untuk kalian.