Cara membuat related post thumbnail di blogger

Cara membuat related post thumbnail di blogger sangatlah penting untuk di pertimbangkan karena cara ini merupakan salah satu trick agar pengunjung semakin betah berada di blog kita, dengan adanya related post thumbnail maka mereka bisa membaca artikel yang berkaitan dengan isi postingan yang sedang mereka baca.
related post thumbnail di blogger
related post thumbnail di blogger
Postingan tentang cara membuat related post thumbnail di blogger melanjutkan percakapan kita sebelumnya yaitu tentang deretan daftar blog dofollow yang mana jika agan ingin mendapatkan backlink silahkan pergi sejenak untuk membacanya.

Berikut cara membuat related post thumbnail di blogger

Untuk mencari tahu cara membuat related post thumbnail di blogger silahkan perhatikan langkah-langkah di bawah ini :

1. Masuk ke akun blogger agan
2. Klik Template --> Edit HTML
3. Centang  Expand Template Widget
4. Simpan 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://kangdansen.googlecode.com/files/relatedpostwiththumbnail.js' type='text/javascript'/>
</b:if>
5. Cari kode berikut <div class='post-footer-line post-footer-line-3'/>
6. Simpan kode di bawah ini tepat di bawah kode no.5
<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.omseoli.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;Postingan Terkait Tutorial Seo Blog&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
7. Simpan template dan lihat hasilnya

Selamat agan sekarang sudah mempunyai related post. Semoga tutorial tentang cara membuat related post thumbnail di blogger dapat bermanfaat jika ada kesalahan dalam postingan ane minta maaf dan jika agan menemukan masalah dalam penerapan postingan ini silahkan tanyakan di form komentar.


10 Responses to "Cara membuat related post thumbnail di blogger"

  1. fren q dah pasang related post thumbnailnya..dan hasilnya "SEMPURNA" tlong share jg gmna cra agr blog rame pengunjung cz q blogger pemula or yang laen yg bsa but blogq terkenal.makch y fren
    lc da wktu mmpri dblogq."http://faridelly.blogspot.com"

    BalasHapus
  2. Saya nyoba belum berhasil...
    www.gantilcdlaptop.com

    BalasHapus
  3. oy y ternyata lengkap y,,thanks!!

    BalasHapus
  4. Terima kasih sis..ane sudah coba dan berhasil walau harus improvisasi sedikit..

    maaf mo tanya ini bisa tidak ya thumbnailnya digedein sedikit? terus cara bikin laman gimana ya? template saya tidak bisa membuat laman baru ada keterangan "Anda telah membuat jumlah laman maksimum (20).
    Tutup " padhal ane belum bikin laman satupun kecuali default beranda..

    Mohon pencerahannya dan terima kasih atas jawabannya :)

    BalasHapus
  5. @Budi: maaf apakah halaman yang agan maksudkan tuh menubar bukannya? kalau membuat nav menubar silahkan cek disini Cara membuat menu bar

    BalasHapus
  6. Thanks untuk Artikelnya, tpi bagaimana cara mengatur lebar nya :D

    BalasHapus
  7. Thanks mbak..nanti tak coba dulu. kebetulan saya juga lagi butuh ini sekalian nyari referensi yang lain. maklum masih newbi.. hehehe. di tunggu kunjungan baliknya.

    BalasHapus
  8. Wahh... sempurna.
    Thank You Friend !!!

    BalasHapus
  9. wahhh sangat bermanfaat.. saya mau coba di blog baru saya...hehehe

    BalasHapus