Membuat Widget Label Cloud di Blog Agar Keren

Cara Keren Membuat Label Cloud di Blog. memiliki blog keren sudah tentu pengunjung blog nya betah berlama-lama di blog apalagi memper cantik label seperti ini label  adalah kata kunci yang mengkategorikan seluruh isi/konten blog. Label juga merupakan link-link singkat dan sederhana menuju postingan Anda. Pemasangan widget Tag, Label atau Kategori pada Blog/web bertujuan untuk memberikan navigasi yang mudah bagi pembaca blog. Pada Blogger sejak Google telah mengambil alih atau menyediakan layanan widget resminya melalui server Blogger sendiri, salah satunya adalah Page List and Label Cloud List dengan enable deisgner untuk membuat dynamic menus.

Setiap blog tentunya memiliki fasilitas Label widget, pada Blogger secara default ada 2 pilihan yaitu List dan Cloud seperti yang saya terangkan diatas. Nah,, postingan kali ini akan membahas Widget Label Cloud keren dan Cantik yaitu dengan sedikit tambahan kode CSS widget label type cloud ini bisa dipercantik tampilanya di blog,

Pada kesempatan ini, elhasany software akan memperkenalkan beberapa modifikasi label cloud keren dan menarik. silahkan sobat blogger pilih yang paling disukai.
Berikut Cara  Membuat Widget Label Cloud di Blog Agar Keren

Cara Membuat Label Cloud Keren di Blog

1. Masuk akun Blogger sobat.

2. Silahkan pilih Dasboard > Template > Edit HTML
3. Tekan Control + F > cari kode ]]></b:skin>
4. Jika sudak ketemu, Copy kode CSS dibawah ini dan Pastekan/letakkan kodenya tepat diatas kode ]]></b:skin>

.label-size{ margin:0; padding:0; position:relative; } .label-size a{ float:left; height:24px; line-height:24px; position:relative; font-size:12px; margin-bottom: 9px; margin-left:20px; padding:0 10px 0 12px; background:#0089e0; color:#fff; text-decoration:none; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; } .label-size a:before{ content:""; float:left; position:absolute; top:0; left:-12px; width:0; height:0; border-color:transparent #0089e0 transparent transparent; border-style:solid; border-width:12px 12px 12px 0; } .label-size a:after{ content:""; position:absolute; top:10px; left:0; float:left; width:4px; height:4px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; -moz-box-shadow:-1px -1px 2px #004977; -webkit-box-shadow:-1px -1px 2px #004977; box-shadow:-1px -1px 2px #004977; } .label-size a:hover{background:#555;} .label-size a:hover:before{border-color:transparent #555 transparent transparent;}

5. Save Template dan lihat hasilnya.

6. Simpan Template
7. Masuk ke Tata Letak / Layout
8. Tambahkan widget dengan cara cari letak posisi label yang diinginkan, klik add a gadget.
9. Pilih LABEL
10. Atur sesuai keinginan anda, isikan Judul widget dengan Label atau Kategori.
11. Save.

Itulah tutorial Cara  Membuat Widget Label Cloud di Blog Agar Keren