Cara Memodifikasi Label Cloud Seperti Evo Magz

Cara Memodifikasi Label Cloud Seperti Evo Magz
Halo kawan-kawan hari ini saya mau share tutorial Cara Memodifikasi Label Cloud Seperti Evo Magz. Tampilan label ini sangat simple namut terlihat elegan dan sangat cocok sekali dengan template Maxxiz yang saya pakai di blog saya ini.
Apalagi jika sudah editnya sesuai warna dasar template blog pasti bakalan cocok.

Jika kalian ingin memcobanya silahkan ikuti lanhkah langkah dibawai ini:
  • Login Blogger.
  • Pilih Template, Edit HTML.
  • Cari kode ]]></b:skin>.
  • Letakkan script CSS dibawah ini berada  di atas code ]]></b:skin>.
/* LABEL MODIFIKASI Evo Magz */
   .label-size {display: inline-block;font-size:  13px;margin:2px 0;}
    .label-size a {background: #353535;padding: 5px;color: #999; text-decoration: none;display: inline-block;}
    .label-size span {background: #01B8C0;padding: 5px;margin-left:-4px;display: inline-block;color: #fff;}
    .label-size a:hover {background:#01B8C0; color: #fff;}
#Label1 li a {color: #2c3e50;text-decoration:none;}
#Label1 li a:hover, #Label2 li a:active, #Label1 li a:focus {color: #20aea6;text-decoration:none;}
#Label1 li .label-counter {float:right;background-color:#01B8C0;color:#fff;line-height:1;margin:2px 0 0;padding:3px 5px;border-radius:2px;text-align: center;font-size:12px;}
#Label1 li:hover .label-counter {background-color:#255e96;color:white}
  • Save Template.
  • Pergi ke Tata Letak, Tambahkan Gadget Label dan setting seperti gambar di bawah. lalu di save
label
  • Tinggal melihat hasilnya di blog jika dirasa kurang cocok silahkan melakukan pengeditan pada script CSS diatas.
Next Post Previous Post
No Comment
Add Comment
comment url