cara membuat artikel terkait dgn gambar ( related post thumbnail ) di blog

membuat artikel terkait dengan gambar '' related post thumbnail ''...
salah satu artikel,..yg di padukan dengan gambar/image atau tulisan,..
yg menarik di lihat dan juga gampang di ketahui oleh para pengunjung,..
krn,,bentuk judul artikelnya yg besar,..jadi,..perlulah juga kita bikin artikel ini,.
ok,..nggak usah berlama-lama lagi,..yuk simak sama-sama,..berikut ini,..

• buka akun blog anda
• pilih Template
• klik Edit HTML
• centang Expand Widget Template
• cari kode ini </head>
• dan copas kode di bawah ini, tepat diatas kode ini </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.3em;
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:#d4eaf2;
}
</style>
<script src='http://eflianda-blogzzz.googlecode.com/files/relatedthumbs.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

selanjutnya cari kode di bawah ini,..

<div class='post-footer'> atau <div class='post-footer-line post-footer-line-1'/>

jika kamu sudah menemukan salah satu kode tersebut,..

silahkan copas kode di bawah ini, tepat diatas salah satu kode tersebut,..

<!-- 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=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;Baca juga Artikel Terkait yang mungkin kamu cari&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

jika anda sudah memasang kodenya semua,..

silahkan klik '' pratinjau '' dulu,..sapa tau salah satu kodenya ada yg error,..

jika,..nggak ada masalah kodenya,..silahkan klik aja '' simpan '',..

dan lihatlah kembali blog anda,..

catatan

silahkan ganti yg warna merah var maxresults=5;

untuk jumlah artikel yg ingin anda tampilkan,..

'' sekian dan terima kasih,..selamat mencoba,.''

   WASSALAM...

  

 

Like the Post? Share with your Friends:-

• Facebook
• Twitter
• Google+
• Pinterest
• StumbleUpon
• Digg
• LinkedIn
• Reddit
• Delicious
• Technorati