Cara Memodifikasi Label Agar menjadi Label Cloud Flat UI

Sunday, June 21, 2015

Cara Memodifikasi Label Agar menjadi Label Cloud Flat UI - Pada kesempatan kali ini setelah lama kgak aktif dalam posting saya akan membagikan sedikit ilmu tentang dunia blogger. Saya dapatkan trik ini dari blog sebelah :v /.

Label berfungsi untuk mengelompokan sebuah artikel berdasarkan jenisnya. ya, biasanya label dipasang dihalaman utama sebuah web ataupun blog agar pengunjung menelusuri blog kita lebih mudah dalam pencariannya. Nah, pada artikel kali ini kita akan membuat label cloud flat ui yang lebih menarik untuk dilihat dan beda dari yang standar.

Memasang Label Pada blog

1. Masuk keblog sobat dan masuk dashboard

2. Tata Letak >> Tambahkan Gadget >> label >> Simpan

3. Jangan lupa disimpan Setelan

nah sekarang kita akan modifikasi label supaya lebih menarik

Modifikasi Label menjadi Label Cloud Flat Ui

1. masuk ke blog sobat dan masuk dashboard

2. Pilih Template >> Edit HTML

3. Cari ]]</b:skin>

4. Masukan kode dibawah ini tepat diatas ]]</b:skin>

/*LABEL Cloud Flat Ui*/
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:10}
.cloud-label-widget-content{text-align:left}
.label-size{background:#2EA9DA;display:block;float:left;margin:0 3px 3px 0;color:#fff;font-size:11px;text-transform:uppercase}
.label-size a,.label-size span{display:inline-block;color:#fff!important;padding:6px 8px;font-weight:700}
.label-size:hover{background:#333}
.label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;background:#333;color:#fff!important}
.label-size{line-height:1.2}

5. Jangan lupa disimpan

nah, sekian artikel Cara Memodifikasi Label Agar menjadi Label Cloud Flat UI dari saya semoga bermanfaat.