Cara Membuat Thumbnail atau Gambar disetiap Label Blog

Patah Online - Cukup lama juga tidak membuat posting seputar blogger, kali ini saya bermaksut berbagi tentang cara membuat thumnail disetiap label blog, dimana di postingan sebelumnya saya sudah cukup banyak tentang desain grafis diantaranya Tracing gambar dengan Coreldraw dan Mencerahkan Gambar Buram dengan Plug-in Photoshop.

Cara-Membuat-Thumbnail-disetiap-LabelMemberi sedikit modifikasi pada label di blog dengan menambahkan Thumbnail atau gambar pada label blog, pastinya akan memberikan kesan tersendiri bagi blog kita, blog akan lebih terlihat menarik serta dengan diberikanya sedikit modifikasi pada lebal blog akan cukup merangsang visitor atau pengunjung untuk membaca artikel di blog kita yang terkait dengan label tertentu.


Berikut adalah cara menambahkan Thumbnail atau gambar pada label blog kita :
1. Login Blogger => Rancangan => Edit HTML
2. Contreng Expand Widgate Tamplates
3. Kemudian Cari kode ]]></b:skin> kemudian letakan kode di bawah ini tepat di atasnya.
img.label_thumb{float:left; padding:5px; border:1px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:55px; width:55px}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{float:left; width:100%; min-height:70px; margin:0px 10px 2px 0px; adding:0}
ul.label_with_thumbs li{padding:8px 0; min-height:65px; margin-bottom:10px}
.label_with_thumbs a{}
.label_with_thumbs strong{}
4. Setelah itu cari lagi Kode </head> kemudain letakan kode di bawah ini tepat di atasnya lagi
<script src='http://adablogku.googlecode.com/files/lebelgambar.js' type='text/javascript'/>
5. Lalu simpan Templates
6. Masuk ke elemen halaman => tambah Gatget => HTML/Javascript , lalu salin kode dibawah ini setelah itu klik Simpan.
<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>
<script type="text/javascript" src="/feeds/posts/default/-/NAMALABEL?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Note : Ganti tulisan yang berwarna merah sesuai dengan nama label di blog anda.


Cukup sekian Postingan saya tentang Cara Membuat Thumbnail atau Gambar disetiap Label Blog, semoga bisa bermanfaat.
Previous
Next Post »

14 Komentar

Write Komentar
Asis Sugianto
AUTHOR
September 8, 2012 at 7:03 AM delete

Keren nih tumbnailnya sbat...

Reply
avatar
Limit Post
AUTHOR
September 9, 2012 at 11:40 AM delete

ini yang saya cari mas....

makasih ya :D

Reply
avatar
September 10, 2012 at 8:21 AM delete

Terima kasih sahabat berbagi pengetahuannya ini. jadi kelihatan bagus ada thumbnailnya dalam labelnya

Reply
avatar
September 11, 2012 at 4:31 PM delete

@Blog Keperawatan
uke sobat, moga bisa bermanfaat sobat :)

Reply
avatar
September 11, 2012 at 7:01 PM delete

terima kasih atas tutorialnya..

Reply
avatar
September 11, 2012 at 8:19 PM delete

@tour and travel
sama2 sobat,moga bisa bermanfaat sobat :)

Reply
avatar
Limit Post
AUTHOR
October 6, 2012 at 3:21 PM delete

gambarnya keputer om ~_~

cara nonaktifkannya gimana yaa ???

Reply
avatar
Limit Post
AUTHOR
October 6, 2012 at 3:22 PM delete

@Limit Postkalo bisa sih percis sama kaya demonya :D

Reply
avatar
October 7, 2012 at 1:34 AM delete

@Limit Post
gambar yang mana ya, apa maksutnya gambar tumnail pada tiap artikel ya, kw iya setiap gambar akan disesuaikan pada gambar yang ada dalam suatu posting tertentu sobat

Reply
avatar
Limit Post
AUTHOR
October 7, 2012 at 11:24 AM delete

@goyang patah patahya mas gambar thumbnailnya keputer nonaktifkannya gimana ??

Reply
avatar
October 16, 2012 at 10:05 AM delete

thanks tutornya sob.. bermanfaat sekali,jadi nggak berasa bosan bolak balik ke blog ini..

Reply
avatar
October 16, 2012 at 3:07 PM delete

@sigit hermawan
senang jiga blog ini bisa menjadi manfaat buat sobat :)

Reply
avatar

Jadilah pembaca yang bermartabat dengan memberikan komentar yang santun,indah di pandang dan sesuai dengan norma yang baik serta sesuai dengan apa yang ada di postingan.
Kriteria Komentar yang di tampilkan:
1. Bukan Komentar Spam
2. Komentar tidak sesuai dengan isi artikel
3. Menyisipkan Link/url baik itu blog/web pada komentar EmoticonEmoticon