Cara Membuat Related Post Dengan Thumbanail

kali ini saya akan membahas tentang cara membuat Realated Post dengan Thumbnail Setelah saya cari tips ini di abank google berulangkali saya coba selalu menghasilkan hasil yang buruk dan kali ini alhamdulillah saya berhasil Bagi sobat yang ingin mencobanya silakan



  • Login Ke Blog kamu 
  • Pilih Rancangan Edit > HTML
  • Jangan Lupa Entang Expand Widget Template
  • Cari Kode </head> Setelah kode ketemu Copy Kode Tersebut tepat di atas kode </head>


<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, Times New Roman , Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpFJInNOR06KkgRyp6HbQ2tPjK9rfL7d9CFQaWpmpw5uF4ndsEmFC4v3M27TQgdluMdcLOk2c1687z8Cr_z99SpF0eIkgxpuWR6CsJY6UmLxsjwF1DUeavdTffriq4Mhyyrf_1jt4iJg8/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://infonetmu.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->



Selanjutnya Cari Kode <data:post.body/> Setelah ketemu Copy kode dibawah ini Tepat dibawah kode <data:post.body/>


<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><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=6&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'/>
<!-- remove --></b:if>
<!-- Related Posts with Thumbnails Code End-->




Simpan dan lihat hasilnya


Keterangan :


Var maxresults = 5 adalah jumlah yang ditampilkan
var relatedpoststittle="Related Posts",kamu bisa ganti kata Related Post dengan kata lain



Share on Google Plus

About Ikbal Ditan

Hai Nama saya Ikbal Ditan diblog ini saya berbagi pengalaman dan pengetahuan saya semoga kalian yang membaca artikel-artikel disini enjoy. Jika ada yang ditanyakan bisa hubungi email saya : ikbalditanm@gmail.com
    Blogger Comment
    Facebook Comment

2 comments:

  1. Kunci keberhasilan adalah menanamkan kebiasaan sepanjang hidup Anda untuk melakukan hal - hal yang Anda takuti.
    tetap semangat tinggi untuk jalani hari ini ya gan ! ditunggu kunjungannya :D

    ReplyDelete

Silakan isikan kolom komentar dibawah ini diharapkan jangan spam.karena komentar anda sangat berarti bagi kami jika anda mempunyai kendala insyaallah kami akan membantu anda ^_^

Informasi Pilihan Identitas Jika Berkomentar :

Google/Blogger : Khusus yang punya Account Blogger.
Wordpress : Blog degan account wordpress
Name/URL : Jika tidak punya account blogger namun punya alamat Blog atau Website.
Anonymous : Jika tidak ingin mempublikasikan profile anda.