Cara Membuat Label Bergambar atau Thumbnail di Blog

Sponsored Ad
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


Powered by Blogger.