Tampilan label cloud bawaan blogger memang kurang bagus. hal ini disebabkan rata-rata template memasang CSS untuk label seperti pada umumnya/bawaan blogger. Nah Berikut ini cara merubah tampilan label blog versi 1 :

Berikut Kode untuk merubah tampilan label blog versi 1

GAMBAR DEMO
style label cloud pada blogger
.label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C6C6C6; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:1px solid #B20000; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; } .label-size a { text-transform: uppercase; float:left; text-decoration: none; } .label-size a:hover { text-decoration: none; }

Langkah Pertama
  1. Masuk Blogger Dasboard > Template > Edit HTML > Lanjutkan
  2. Backup template anda,untuk berjaga-jaga seandainya terjadi kesalahan
  3. Tekan Control + F > cari kode ]]></b:skin>
  4. Copy salah satu kode CSS diatas.
  5. Pastekan / letakkan kodenya tepat DIATAS tag ]]></b:skin>
  6. Save Template
Langkah Kedua

 1. Masuk Blogger Dasboard > Tata Letak > Klik Tambah Gadget > pilih Label

 2. Setting widget Blogger Label > pilih Tampilkan Cloud

 3. Untuk pilihan "Sortir" dan "tampilkan semua" atau label yang dipilih terserah Anda

 Lihat gambar dibawah untuk lebih jelasnya
Cara menambah label pada blogger