Cara Membuat Artikel terkait Dengan Gambar Di Blogspot

Posted by Serba Serbi Bisa Posted on September 04, 2016

Membuat Artikel terkait di bawah postingan dengan Thumbnail gambar sangat bermanfaat bagi sebuah blog untuk memudahkan pengunjung untuk menjelajahi srtikel di sebuah blog selain itu blog akan kelihatan meanrik dengan adanya Artikel terkait di bawah postingan blog

Contoh untuk artikel terkait:

Cara Membuat Artikel terkait Dengan Gambar Di Bawah Postingan Blogspot
pertama login blogger dan masuk Dashboard
Pilih Template dan Edit HTML
Copy paste kode berikut di bawah kode </Head>

<!-- Artikel Terkait kangobboy Start-->
<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: blue;
font-family: Arial,Georgia,Serif;
margin-bottom: 0.8em;
margin-top:0em;
padding-bottom:0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#444;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwQHaVKzgssfEnTOPUWFaXxfmnmU3lHA3QbhjjZf2rulHy-Ciz_2dKx5AvmV7y_9_MNR0Kq9Zy4mKE6iGWIz2upyB_x9rZmwluMW49duKiOcTeqVQAIchxTNcXEzxh3P16az5X0sv53tTk/s1600/footer+bg.png&quot;;
var maxresults=5;
var splittercolor=&quot;#444444&quot;;
var relatedpoststitle=&quot;ARTIKEL TERKAIT:&quot;;
</script>
<script src='http://yourjavascript.com/746349615/scriptobboy.js' type='text/javascript'/>
</b:if>
<!-- Artikel Terkait kangobboy End-->

Kemudian cari kode <data:post.body/> dan copy paste kode berikut di bawah kode <data:post.body/>

<!-- Artikel Terkait kangobboy 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><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><!-- Artikel Terkait kangobboy End-->

 lihat contoh berikut:

jika sudah simpan template dan coba lihat hasilnya, untuk merubah Tulisan anda bisa mengganti tulisan ARTIKEL TERKAIT dengan tulisan yang agan suka

jika ada yang perlu ditanyakan silahkan berkomentar atau kirim pesan disini
Kirim Pesan Anda

Sekian tutorial Cara Membuat Artikel terkait di bawah postingan blog semoga bermanfaat dan menambah wawasan.