Efek Label Cloud

Assalamualaikum Wr.Wb. Bismillah, Alhamdulillah. Underground404 - Oke dipagi kali ini saya akan share tentang efek label cloud. Kemaren saya sudah share css style paragraf itu dalam postingan. Sekarang ini label disidebar hehe. Udah tau kan maksud saya?? demonya kayak doblog ane ini yg disidebar kanan ini. Kalau mau lihat sih bisanya pas baca postingan. Kalau pas dihomepage nggak bisa (hide). Sengaja ane kasih tag kondisi onal hehe, biar rapi. Udah yah langsung saja.

pasang label cloud

1. Add Gedget.
2. Cari dibawah Label.
3. Setting dengan cloud, kalau jumlahpostingan terserah mau dimunculin atau tidak.

tambah bumbu css

1. Masuk ke Rancangan -> Edit Html
2. Cari code ]]></b:skin>
3. Copy code css dibawah dan pastekan diatas ]]></b:skin>

/* -- START LABEL CLOUD -- */
.cloud-label-widget-content {
  background-color:transparent;
  padding:10px;
  text-align:center;
  font-size:15px;
}
.label-size-1 a:hover,.label-size-2 a:hover,.label-size-3 a:hover,.label-size-4 a:hover,.label-size-5 a:hover {
  color:#fff;
  text-decoration:none;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.label-size a:hover {
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color:#FF0000;
  color:#fff;
  padding:2px;
}
.label-size a {
  padding:2px 2px 2px 2px;
}

4. Simpan dah.

Alhamduliillah, Semoga berguna Wasslamualaikum Wr.Wb.