Cara Modifikasi Label blog

Cara Membuat Label Cloud Flat UI - Saat pertama menulis artikel hanya tinggal publish saja tanpa mengatur yang lainnya, ternyata label ini ada pengaruhnya terhadap SEO pada sebuah artikel blog. Namun, kali ini saya hanya akan menjelaskan cara modifikasi atau membuat label cloud agar lebih indah dan menarik lagi. Label pada blog ada 2 macam yaitu label versi daftar dan label versi cloud, kedua versi tersebut tentunya sangat memiliki perbedaan.

Label pada umumnya berfungsi sebagai pengelompokan artikel, atau memisahkan antara artikel satu dengan yang lainnya sesuai kategori/label. Label pada blog juga sangat berguna bagi pengunjung blog yang ingin melihat atau membaca artikel sesuai kategori yang mereka inginkan oleh karena itu peran label sangat penting untuk blog Anda. Nah, alangkah baiknya jika label tersebut di modifikasi agar terlihat tampil lebih indah dan menarik sehingga pengunjung blog akan merasa betah dan berlama-lama di blog Anda. Untuk lebih lengkapnya mengenai modifikasi label cloud flat ui silahkan Anda baca dan ikuti tutorial dibawah ini :

Cara Memasang Label Cloud Pada Blog

Masuk ke Blog anda
Klik Tata Letak => Tambahkan Gadget => Label
Lalu atur seperti gambar berikut, dan klik Simpan

Setelah anda menambahkan label pada widget blog, kemudian tinggal modifikasi saja tampilan label tersebut agar terlihat lebih menarik dengan menambahkan kode CSS dibawah ini. Jika blog anda sudah dipasang label anda tinggal langsung mengikuti tutorial memodifikasi label nya, simak saja.

Cara Modifikasi Label Cloud Pada Blog

1. Masuk ke Blog anda
2. Klik Template kemudian Edit HTML
3. Cari kode ]]</b:skin> atau </stlye>
4. Lalu simpan kode dibawah ini tepat diatas kode ]]</b:skin> atau </stlye>

/*CLOUD LABEL*/
.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. Klik simpan

Sekian dulu artikel tentang Cara Modifikasi Label blog Semoga bermanfaat!

Share on: Facebook Twitter Google+ Linkedin Technorati Digg LintasMe