Salah satu cara yang dapat dilakukan untuk membuat tampilan blog menjadi menarik perhatian pengunjung 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 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 ?
Langsung saja ikuti petunjuk di bawah ini.
Tata cara Installasi di Blogger :
- Pastinya kamu login terlebih dahulu ke akun blogger
- Masuk ke mode edit HTML
- Cari kode ]]></b:skin> menggunakan CTRL F
- Pastekan kode pilihan kamu di bawah ini, tepat di atas ]]></b:skin>
- Simpan template
Berbagai script label cloud blogger yang dapat kamu pilih sesuai selera:
1. Label cloud blogger warna warni
#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;}
2. Cloud label blogger merah hitam
.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 }
3. Cloud label blogger 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;}
4. Label cloud blogger biru kuning
.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
- 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 kamu 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.
