4 Script Tag Label Cloud di Blogger Keren dan Cantik (Warna Warni)

4 Script Tag Label Cloud di Blogger Keren dan Cantik (Warna Warni) Rating: 4.5 Reviewer: Dhika - ItemReviewed: 4 Script Tag Label Cloud di Blogger Keren dan Cantik (Warna Warni)

Salah satu cara yang dapat dilakukan untuk membuat tampilan blog menjadi menarik perhatian pengunjung pada blog yang kamu miliki adalah dengan memasang widget blog pada blogger. Salah satu widget yang cukup berpengaruh untuk menunjang meningkatnya page views adalah dengan memasang widget label pada siddebar blogger.

Secara default, blogger memang sudah menyedikan label blog yang dapat dipasang pada sisi siddebar kanan. Bewarna putih, memiliki tampilan standar yang biasa - biasa saja membuat kurang menarik dan kurang mantab untuk dilihat dan terbilang kurang menggoda pengunjung untuk mengklik label. 

Tenang saja, pada artikel ini kamu dapat memasang widget blog label cloud yang terlihat lebih keren dan akan mempercantik blog yang kamu punya tampak lebih warna warni dan ngejreng... Mau ? Terdapat 4 buah javascript yang dapat kamu pilih sesuai selera. Script ini adalah hasil saya searching dibanyak blog, kamudian saya rangkum deh disini. Barangkali ada yang nyari, nggak perlu lagi klik sana klik sini. 

Tata cara Installasi di Blogger :

1. Pastinya kamu login terlebih dahulu ke akun blogger
2. Masuk ke mode edit HTML
3. Cari kode  ]]></b:skin> menggunakan CTRL F
4. Pastekan kode pilihan kamu di bawah ini, tepat di atas ]]></b:skin>
5. Simpan template

Berbagai script label cloud yang dapat kamu pilih sesuai selera :

Preview Label Cloud Warna Warni :

/*-- Label Cloud --*/ /**Multihued Label By http://www.bloggerspice.com**/ #Label1 .cloud-label-widget-content {text-align:center;font-weight: bold;padding: 4px 0} #Label1 .cloud-label-widget-content span {display: inline-table; line-height: 1.2;} #Label1 .cloud-label-widget-content span a {padding:3px 4px;color:#fff} #Label1 .label-size {margin:4px 0;} #Label1 .label-size span {background:#E95D0C;padding:3px 4px;color:#fff} #Label1 .label-size-1 a {background:#ff8c00;font-size:11px;} #Label1 .label-size-2 a {background:#556b2f;font-size:11px;} #Label1 .label-size-3 a {background:#cd5c5c;font-size:11px;} #Label1 .label-size-4 a {background:#B32A32;font-size:11px;} #Label1 .label-size-5 a {background:#66CC00;font-size:11px;} #Label1 .cloud-label-widget-content span a:hover {background:#006400;}

Preview Label Cloud Merah Hitam :

/* cloud label by http://bloggingpasuruan.blogspot.co.id*/ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { background:#0dd7b4; display:block; float:left; margin:0 3px 3px 0; color:#ffffff; font-size:11px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:#ffffff !important; padding:6px 8px; font-weight:bold; } .label-size:hover { background:#333333; } .label-count { white-space:nowrap; padding-right:3px; margin-left:-3px; background:#333333; color:#fff !important; } .label-size { line-height:1.2 }

Preview Label Cloud Warna Warni Ngejreng :

#Label1 .cloud-label-widget-content span a {padding:4px 5px;color:#fff} #Label1 .label-size {margin:4px 0;} #Label1 .label-size span {background:#007abe;padding:4px 5px;color:#fff} #Label1 .label-size-1 a {background:#abc123;font-size:15px;} #Label1 .label-size-2 a {background:#5cc9cd;font-size:15px;} #Label1 .label-size-3 a {background:#e24f4f;font-size:15px;} #Label1 .label-size-4 a {background:#f568dc;font-size:15px;} #Label1 .label-size-5 a {background:#38a3ee;font-size:15px;} #Label1 .cloud-label-widget-content span a:hover {background:#007abe;}

Preview Label Cloud Biru Kuning :

/* label http://webkeren.net */ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { background:#4169E1; display:block; float:left; margin:0 3px 3px 0; color:#ffffff; font-size:11px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:#ffffff !important; padding:6px 8px; font-weight:bold; } .label-size:hover { background:#333333; } .label-count { white-space:nowrap; padding-right:3px; margin-left:-3px; background:#333333; color:#fff !important; } .label-size { line-height:1.2 }

Note :

• Kamu juga dapat menampilkan jumlah postingan untuk setiap labelnya. Pengaturan ada di tata letak gadget label blog. Disana terdapat pilihan apakah ingin menampilkan jumplah postingan perlabel atau tidak
• Kamu dapat mengedit warna pada kode HTML yang terdapat pada script di atas. Gunakan tool kode warna HTML untuk mempermudah
• Kode script diambil dari berbagai sumber yang tertera discript

Jika widget di atas tidak bekerja, coba lakukan pengeditan pada tata letak klik gadget label yang sudah anda pasang dan buat tampilan menjadi cloud yang sebelumnya daftar. Jika masih juga tidak bekerja, itu bearti ada kesalahan saat proses installasi. Coba ulangi langkah - langkahnya.