Cara Mudah Membuat Related Post Dengan Thumnail ( Gambar ) 2015


Tampilan atau tamplate blogger merupakan hal penting yang wajib diketahui oleh pengguna blogger, Tampilan suatu blogger berdampak pada jumlah pengunjung atau visitor, semakin tampilan blog menarik pengunjung blog akan merasa betah untuk berkunjung di blog kita.
Disini saya akan coba berbagi bagaimana cara pembuatan Related Post atau Artikel terkait dengan disertai gambar yang menarik.

Script Related Post Dengan Gambar

Buka Tamplate Blogger Edit HTML

Copy Script Dibawah ini Taruh Diatas code </head>
-------------
<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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: #000000;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#000000;
}
#related-posts a:hover{
color:#000000;
}
#related-posts a:hover {
background-color:#D6A605;
}
</style>
<script src='http://sastrablog.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Kemudian cari code  <div class='post-footer'> atau <data:post.body/> kemudian copy Code Dibawah Taruh Diatasnya
---------------------
<!-- 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=10&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=12;
var relatedpoststitle=&quot;Related Posts&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->


Keterangan :
var maxresults=12; : Jumlah Related Post Yang Akan Di Pasang
Related Posts         : Tulisan Bisa Di Ganti Artikel Terkait

Selamat Mencoba 


Share this article :
 

Post a Comment