Memasang Label Cloud Colorfull

Selamat siang blogger, kali ini saya hadir dengan membawa tutorial memasang label cloud colorfull. anda penasaran ? seperti gambar diatas itu  adalah tampilan lebel cloud colorfull yang akan saya buat sekarang. langsung saja ke materi tutorialnya ya...

Memasang Label Cloud Colorfull

1. Buka Dasbor Blogger > Buka Template > Edit HTML > Cari kode ]]></b:skin> > Kemudian Paste kan script CSS dibawah ini tepat diatas kode ]]></b:skin>
   
   /* Label Cloud Colorfull - Maz Gendro ----------------------------------------------- */ .sidebar .label-size { position:relative; text-transform:uppercase; text-decoration:none; font-size:13px; font-family:Arial; color:#fff!important; } .sidebar .label-size a { color:#fff!important; font-weight:bold; padding:8px 10px; margin:0 6px 6px 0; float:left; display:block; transition: all 0.4s ease-in-out; } .sidebar .label-size-1 a {background:#1abc9c;border-bottom:3px solid #ff6600;} .sidebar .label-size-1 a:hover {background:#16a085;} .sidebar .label-size-2 a {background:#3498db;border-bottom:3px solid #ff6600;} .sidebar .label-size-2 a:hover {background:#2980b9;} .sidebar .label-size-3 a {background:#2ecc71;border-bottom:3px solid #ff6600;} .sidebar .label-size-3 a:hover {background:#27ae60} .sidebar .label-size-4 a {background:#9b59b6;border-bottom:3px solid #ff6600;} .sidebar .label-size-4 a:hover {background:#8e44ad} .sidebar .label-size-5 a {background:#e74c3c;border-bottom:3px solid #ff6600;} .sidebar .label-size-5 a:hover {background:#c0392b}
   
   Kemudia simpan



2. Buka Dasbor Blogger > Tata Letak > Tambahkan Gadget > Lalu tambahkan widget Label dan ikuti pengaturannya sesuai dengan gambar di bawah ini
   
   
   

CATATAN
Sebelumnya Sobat harus menghapus terlebih dahulu kode CSS untuk label di template

Terimakasih & Semoga bermafaat

Share this

Author : Unknown

Related Posts