Cara Membuat Label Bergambar atau Thumbnail di Blog

Tweet

Cara Membuat Label Bergambar atau Thumbnail di Blog

1. Login ke Blogger


2. Klik Dasbor >> Rancangan >> Edit HTML


3. Cari kode ini ]]></b:skin>


4. Copy  dan Letakkan Kode dibawah ini sebelum kode ini ]]></b:skin>

img.label_thumb{float:left; padding:5px; border:1px solid #8f8f8f; background:#D2D0D0; margin-right:10px; height:50px; width:50px}

img.label_thumb:hover{background:#f7f6f6}

.label_with_thumbs{float:left; width:95%; 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{}





       5. Simpan Template

       

       6.  Tambah Gadget >> Pilih HTML / JAVASCRIPT  dan masukkan kode dibawah ini





<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/-/NAMA LABEL KAMU DISINI?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

      









Ket : 

• Tulisan yang berwarna Merah Ukuran Widget Labelnya yang bisa anda ganti sesuai dengan keiginan anda.


•  Tulisan yang berwarna Biru  Nama Label sesuai dengan Label di blog  anda