:RE-VANSDARK™ Is Valid HTML5
Join Us !!

IKLAN

IKLAN
http://tachkamaru.blogspot.com/
Rabu, 20 Februari 2013

Cara Membuat Related Post Dengan Thumbnail

0 komentar
Read More →
Related Post

Hay Soba Sobat Kali Ini Saya Akan Shere "Cara Membuat Related Post Dengan Thumbnail"Nah Kamu Pernah Liat Ada Yang Pake Ini Gak Pernah kan Ya Pasti Pernah Kamu Kamu Di Blogger Kamu Bisa Coba Manteb Lo HAhaha!!!... Kamu Juga Bisa Tinggal Coba Disini Code nya Ada DI bawah Ini

1. Masuk ke Rancangan ---> Klik Edit HTML
2. Centang Expand Template Widget
3. Paste kode dibawah ini diatas kode </head>


<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.2em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, 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 src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/relatedpostwiththumbnails.js.js' type='text/javascript'/>
</b:if>

4. Cari salah satu kode berikut ini:
<div class='post-footer-line post-footer-line-3'>
atau <p class='post-footer-line post-footer-line-3'>
5. Setelah itu letakan kode dibawah ini, dibawah salah satu kode langkah ke.4
<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><a href='http://amatulla83.blogspot.com' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;Related Posts&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
6. Terakhir simpan template anda.
Anda Baru Saja Membaca Artikel Tentang Cara Membuat Related Post Dengan Thumbnail ,Anda Boleh Menyebarluaskan / Mengcopy Paste Artikel Cara Membuat Related Post Dengan Thumbnail Ini Bermanfaat Buat Anda , Namun Saya Mohon Untuk Mencantumkan Link Cara Membuat Related Post Dengan Thumbnail Sebagai SumberNya.

Leave a Reply

Link Exchenge

Recent Comment