Hosting Gratis
Home » , » Membuat Related Post dengan Tumbnail Dibawah Post Artikel

Membuat Related Post dengan Tumbnail Dibawah Post Artikel

advertisment

Membuat Related Post dengan Tumbnail Dibawah Post Artikel - Anbu-Files.Blogspot.Com -  mungkin anda sudah tidak asing lagi dengan artikel yang mebahas tentang Membuat Related Post dengan Tumbnail Dibawah Post Artikel . disini saya akan membahasnya lagi di salah satu postingan ini.


seperti gambar dibawah ini adalah bentuk dari Related Post dengan Tumbnail Dibawah Post Artikel
sebenarnya untuk Membuat Related Post dengan Tumbnail Dibawah Post Artikel tidaklah sulit, hanya saja anda butuh script yang benar dan dipasang dengan benar pula, karena ada beberapa script tentang Membuat Related Post dengan Tumbnail tidak berjalan dengan semestinya, sesuai dengan pengalaman saya kemarin-kemarin yang gagal dalam membuat Membuat Related Post dengan Tumbnail , gara-gara script yang saya pasang tidak bekerja.
anda bisa lihat contoh hasil Membuat Related Post dengan Tumbnail di beberapa blog yang sudah berhasil terpasang dengan benar berikut ini :



Silahkan ikuti petunjuk dibawah ini :
1. Pertama, masuk dulu ke halaman Edit HTML, jangan lupa memberi tanda centang pada  "Expand Widget Templates"

2. Cari kode ini </head>

3. Kemudian ganti dengan kode dibawah ini


<!--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: 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://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>


4. Sekarang cari lagi kode dibawah

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

Jika tidak menemukan kode diatas, coba cari kode seperti ini

<p class='post-footer-line post-footer-line-1'>

Kalo sudah ketemu, tinggal masukan semua kode dibawah ini dibawah salah satu dari kode diatas yang rekan temukan.

<!-- 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><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' 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="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

5. jangan lupa disimpan dah lihat hasilnya

Untuk menampilkan berapa banyak jumlah related posts bisa dengan mengedit kode dibawah ini:

var maxresults=5;

Untuk mengganti title, kita bisa mengedit kode ini:

var relatedpoststitle="Related Posts";

mudah bukan :) , semoga tutorial Membuat Related Post dengan Tumbnail Dibawah Post Artikel bisa bermanfaat untuk anda, baca juga Cara Membuat Random Post di Blogger

advertisment
Jika Sudah Membaca di KLIK yaa :
Anda sedang membaca Artikel tentang Membuat Related Post dengan Tumbnail Dibawah Post Artikel, dan anda bisa menemukan artikel Membuat Related Post dengan Tumbnail Dibawah Post Artikel ini dengan url http://anbu-files.blogspot.com/2011/08/membuat-related-post-dengan-tumbnail.html. jika Anda menyukai Artikel di blog ini, silahkan masukkan email Anda dibawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel baru.

2 komentar:

  1. pusing juga ya caranya,,,tapi mau nyoba dulu

    BalasHapus
  2. ThankS gan??
    maaf mau tanya, template yang agan pake apa namanya, dan saya bisa mendapatkanya dimana?atau jika agan berkenan mengirimkan link downloadnya saya sangat berterimakasih.
    ninik9001@rocketmail.com

    BalasHapus

 
Copyright © 2013. Joomla Tutorial, Blogger Tutorial, Wordpress Tutorial, Info and Trick Adsense - All Rights Reserved
Berita Unik dan Update BING 2013 | Template by SHARE4RT | Proudly powered by Blogger