Membuat Widget Cloud Label pada Blog

Cloud Label adalah widget blogger resmi yangf telah blogger, Pada kesempatan kali ini saya ingin membuat tutorial membuat widget Label pada blogger, widget ini akan membantu anda untuk mengkategorikan konten blog anda dengan cara yang sempurna dan standar.

 Widget ini juga membantu untuk mengelola tingkat bouncing blog anda di kontrol. Oke mari langsung saja kita mulai tutorialnya.

Seperti sebelum-sebelumnya sebelum editing saya sarankan anda untuk membuat cadangan dari template Anda, untuk berjaga-jaga jika terjadi hal-hal yang tidak diinginkan

Note : jika pada template anda sebelumnya sudah ada CSS label maka harus dihapus terlebih dahulu

1. Login ke akun blogger anda dan pilih menu  > Tata Letak > Tambahkan Label Widget Dari Layout.

2. Gunakan CTRL+F untuk mencari ]]></b:skin>  dan copy kan kode dibawaah ini tepat di atas ]]></b:skin>

/* ######## adeitk.blogspot.com ########### */ .cloud-label-widget-content { text-align: left } .cloud-label-widget-content .label-count { background: #2b2b2b; color: #fff!important; margin-left: -3px; padding-right: 3px; white-space: nowrap; border-radius: 2px; padding: 1px 4px !important; font-size: 12px !important; margin-right: 5px; } .cloud-label-widget-content .label-size { background: #ebebeb; display: block; float: left; font-size: 11px; margin: 0 5px 5px 0 } .cloud-label-widget-content .label-size a, .cloud-label-widget-content .label-size span { height: 18px !important; color: #2b2b2b; display: inline-block; font-size: 12px; font-weight: 500!important; padding: 6px 8px } .cloud-label-widget-content .label-size a { padding: 6px 10px } .cloud-label-widget-content .label-size a:hover { color: #000!important } .cloud-label-widget-content .label-size, .cloud-label-widget-content .label-count { height: 30px!important; line-height: 19px!important; border-radius: 2px } .cloud-label-widget-content .label-size:hover { background: #2b2b2b; color: #fff!important } .cloud-label-widget-content .label-size:hover a { color: #fff!important } .cloud-label-widget-content .label-size:hover span { background: #ebebeb; color: #2b2b2b!important; cursor: pointer } .cloud-label-widget-content .label-size-1, .label-size-2, .label-size-3, .label-size-4, .label-size-5 { font-size: 100%; opacity: 10 }

3. Simpan template anda.

Nah bagaimana mudah bukan, sekarang label anda juga terlihat lebih menarik. Terima kasih yang sudah mau berkunjung di blog say semoga bermanfaat.