News Update :

Cara membuat Artikel Terkait Dengan Gambar/Thumbnails

Setelah pada postingan sebelumnya saya membahas bagaimana cara Membuat Artikel Terkait Dengan Fungsi Scroll, pada postingan saya akan membahas cara membuat artikel terkait dengan gambar.

Baiklah tanpa panjang lebar langsung saja kita mulai tutorial ini.
1. Masuk ke akun blogger sobat
2. Klik design kemudian edit HTML
3. Centang kotak kecil di kanan atas Expand Widget Templates
4. Untuk menghindari kesalahan sebaiknya download full template dulu
5. Setelah itu letakkan kode berikut di atas </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: 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://belajarblogging.googlecode.com/files/releatedimage.js' type='text/javascript'/>

</b:if>

<!--Related Posts with thumbnails Scripts and Styles End-->

Kalau sudah, cari kode berikut

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

Dan letakkan kode di bawah ini di BAWAH kode di atas

<!-- 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://bloggerbiasa.blogspot.com/2011/01/cara-membuat-artikel-terkait-dengan.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="Artikel Terkait";

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

</div><div style='clear:both'/>

</b:if>

<!-- Related Posts with Thumbnails Code End-->

Simpan dan lihat hasilnya.

Semoga bermanfaat.
Alhamdulillah...

comment 33 Komentar on "Cara membuat Artikel Terkait Dengan Gambar/Thumbnails"

  • Mantap cuy,,,,

    ane udah bikin kayak gini cuy.

    terus berkarya....

    oh yah kalau ada waktu jalan dunkz,,, ke blog ane,

  • Thanks gan, disini kita sama2 belajar...

  • Bos mau nanya.,.,.,

    aku dulu dah pake, udah bisa n hasillnya sesuai yang aku inginkan, tapi di postingan yang sekarang kok g bisa ya, Related postnya g keluar.,., tapi posting yang dulu masih ada Related postnya.,.,

    gimama tu bos???

    Thanks sebelumnya.,.,

  • @polengs Coba di hapus lagi kodenya sob, trus ganti sama kode baru...

  • saia sudah mencoba yg ini gan but gimana nambahin penampakanya biar tambah banyak saia sudah mengganti var maxresults=5; menjadi var maxresults=9; ko' penampakan ttp aj 5 :( ,

    mohon pencerahan

  • thank udah saya coba and berhasil, juga bisa nambah maxresultnya....

    [coba jawab]

    Buat gallery top. kemungkinan punya agan yang related emang 5 jadi tampil nya ya 5.

    coba buka postingan yang related nya banyak, pasti keluar sesuai maksimal resultnya...

  • udah saya coba berulang-ulang tapi tetap tdk bisa gannn...

    help me...

    mungkin scriptx udah dihapus

  • @new bie : coba liat comment di atas sob, uda pernah aku ralat..maaf yah ^^

  • itu label artikel terkaitnya kan pake tag h2 bisa diganti pake tag p ga

    soalnya ga kompatibel ma tmplt saya

  • Coba dulu ahhh,,


    tutor dari blog2 lain gak ada yg bisa di templateku,,

    semga kali ini bisa

  • wah mantep gan, tq tutorialnya...

    link back ya gan... :D

  • hualah memang bner yaa belajar html itu ribetttttttttttttt

  • BERHASILLLLLL,,,,,hebat master tutornya,,,

  • thanks sharing tutorialnya om, tapi ga tau nih salahnya dimana kok munculnya malah di atas post ya blog gw, btw thanks ya om.....

  • thanks banget gan atas tutorial nya lagnsung tak runing...

  • sepertinya enggak cocok dengan template saya belum muncul padahal sukses di save.

  • salam kenal.
    Mantap gan, template blogku cocok dengan trik diatas, thank's so much and sukses selalu
    Salam.

  • makasih sob atas panduannya...

  • Terima kasih banyak infonya semoga bermanfaat

  • KALAU pakai artikel terkait thumnail jadi tambah berat ga ya blog kita ini mas. mampir balik mas tuk berkomentar

  • terimakasih banyak atas info nya sangat bermanfaat sekali
    semoga semakin sukses nya

  • artikel yang anda tulis di blog ini, sungguh sangat memotivasi diri saya untuk trus berkarya, terima kasih semoga kebaikan anda mendapatkan balasa yang lebih baik.

  • kereen bangettt sok artikelnya thanks infonya...

  • nice infonya.... sukses terus ea ditunggu artikel selanjutnya!!!

  • This comment has been removed by the author.
  • Hai..
    kita dari agen poker online papadomino mau memberitahukan bahwa sekarang sedang ada promo bonus yaitu :
    * Bonus Minguuan : 0.5% (setiap senin)
    * Bonus Referral : 20% (seumur hidup)

    Hanya dengan minimal depo & wd Rp 20.000,-
    Proses depo / wd cepat
    100% PLAYER VS PLAYER Tanpa ROBOT
    link pendaftaran : http://papadomino.com/?ref=jesica6413
    Untuk info lebih lanjut silahkan hubungi : 2B4A514B

    * Buat yang suka bermain togel silahkan kunjungi http://www.papa4d2.com/ref.php?ref=jesica
    ;)
    judi poker
    bandar poker
    domino online
    agen poker online
    poker online
    capsa susun
    poker online terpecaya

  • Informasi yang sangat bagus dan berguna. Ditunggu untuk informasi berikutnya. Thanks gan


    bandarq
    Domino 99
    Situs Poker Online
    Domino Qiu Qiu

  • thanks uda mau berbagi :

    Fun poker88 Situs Resmi Judi poker online , domino online QQ, Ceme, judi poker Terpercaya di Indonesia, Antara Pemain vs Pemain, Jackpot Jutaan Setiap Hari funpoker88

  • Leave Your Comment

     
    site kreator
    © Copyright Indriawan dot Com | Informasi Dan Berita Online 2013 | Design by Fery Eka Indriawan | Powered by Blogger