Cara membuat Artikel Terkait Dengan Gambar/Thumbnails - Indriawan dot Com | Informasi Dan Berita Online

Breaking

Post Top Ad

Space Iklan

Minggu, 30 Januari 2011

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...

50 komentar:

  1. Mantap cuy,,,,

    ane udah bikin kayak gini cuy.

    terus berkarya....

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

    BalasHapus
  2. Thanks gan, disini kita sama2 belajar...

    BalasHapus
  3. 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.,.,

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

    BalasHapus
  5. mantap nih gan....

    BalasHapus
  6. 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

    BalasHapus
  7. 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...

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

    help me...

    mungkin scriptx udah dihapus

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

    BalasHapus
  10. itu label artikel terkaitnya kan pake tag h2 bisa diganti pake tag p ga

    soalnya ga kompatibel ma tmplt saya

    BalasHapus
  11. Coba dulu ahhh,,


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

    semga kali ini bisa

    BalasHapus
  12. wah mantep gan, tq tutorialnya...

    link back ya gan... :D

    BalasHapus
  13. hualah memang bner yaa belajar html itu ribetttttttttttttt

    BalasHapus
  14. BERHASILLLLLL,,,,,hebat master tutornya,,,

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

    BalasHapus
  16. thanks banget gan atas tutorial nya lagnsung tak runing...

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

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

    BalasHapus
  19. makasih sob atas panduannya...

    BalasHapus
  20. Terima kasih banyak infonya semoga bermanfaat

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

    BalasHapus
  22. terimakasih banyak atas info nya sangat bermanfaat sekali
    semoga semakin sukses nya

    BalasHapus
  23. 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.

    BalasHapus
  24. kereen bangettt sok artikelnya thanks infonya...

    BalasHapus
  25. nice infonya.... sukses terus ea ditunggu artikel selanjutnya!!!

    BalasHapus
  26. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  27. 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

    BalasHapus
  28. Agen Dominobet Resmi Judi bola88 Online, mengunakan server Dewapoker, mainkan di Pokercc, tersedia juga judi bola Terpercaya Indonesia Bisa di mainkan Rajabola 99 di smartphone Anda

    BalasHapus
  29. poker88 merupakan Agen dewapoker Online yang menyediakan permainan seperti dominoqq, dan judi poker, sekaligus bandar ceme mari bermain 234poker Capsa online terpercaya dengan mengunakan uang asli

    BalasHapus
  30. funpoker88 Adalah Situs judi poker online Menyediakan server poker88 yang memberikan permainan domino online, dominoqq, Bandar Ceme dan Capsa Susun terpercaya di indonesia

    BalasHapus
  31. funpoker88 funpoker88 Adalah Situs Judi poker online Menyediakan server Poker88 yang memberikan permainan Domino Online, Domino QQ, Bandar Ceme dan Capsa Susun terpercaya di indonesia

    BalasHapus
  32. 234poker merupakan Agen Judi poker online yang menyediakan permainan seperti
    Poker88 ataudewapoker, Dominoqq, Bandar Ceme, judi poker terpercaya dengan mengunakan uang asli

    BalasHapus
  33. 234pkr.net Adalah link alternatif 234poker, official website website 234poker, tempat daftar 234poker

    BalasHapus

  34. KompasQQ Memberikan promo - promo terbaiknya.
    • Bonus Refrensi sebesar 10% + 10% = ( Total 20% untuk seumur hidup )
    • Bonus CashBACK sebesar 0.5% ( Setiap minggunya )

    KOMPASQQ menyediakan 6 Game Terupdate dalam 1 Web, dapat di mainkan 1 Account.
    ( Player VS Player | Fair.!!! | 1000% No ROBOT )
    > #Bandar Poker ( NeW..!!! Hot Game )
    > #Poker Online
    > #Capsa Susun
    > #DominoQQ
    > #BandarQ
    > #AduQ
    KompasQQ menyediakan GAME TERPOPULER Saat ini :
    > #TEMBAKIKAN ( Fish Hunter )
    > #SABUNGAYAM ( Cock Fight )

    Kami menyediakan 5 BANK lokal untuk mempermudah transaksi.
    #BCA ----- #BNI ----- #BRI ----- #MANDIRI ----- #DANAMON
    Minimal deposit & withdraw HANYA @Rp 15.000,- SAJA.
    Proses dana Cepat dan Terpercaya hanya 1 - 3 menit saja dana pasti akan siap di proses.

    BalasHapus
  35. DaduPoker - Situs BandarQ 7 Game 1 ID (New Games BandarSakong)

    Bonus Turnover dibagikan Setiap Hari dan Bonus Refferal Terbesar

    Menang Hanya di DaduPoker

    Info Lebih Lanjut Hub Cs Kami

    BBM : 2BE2B4B7

    BalasHapus
  36. cintapoker88 adalah game online pokerclub88 yang mengunakan server pokerace99 dan poker88 , jika anda bermain poker99 akan gampang sekali menang

    BalasHapus
  37. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  38. makasih gan buat infonya dan semoga bermanfaat

    BalasHapus
  39. bagus bos artikelnya dan salam sukses

    BalasHapus
  40. mantap sob infonya dan sangat menarik

    BalasHapus
  41. Jika kamu adalah pemain Judi Online yang suka bermain di permainan Poker , Namun di permainan tersebut anda jarang melakukan WD vmejaqq and http://hondaqq.space the last is lipoqq

    BalasHapus
  42. maka kamu disarankan untuk berani keluar dari Zona Nyaman dengan cara mempelajari permainan Baru http://bisaqq.tk , http://heloqq.tk and http://saktiqq.tk then sarana99

    BalasHapus

Post Top Ad

Space Iklan