Cara Merubah Gaya/Tampilan Widget Category Blog Lebih Keren - Sobat
blogger yang lagi galau,,, merubah tampilan widget Category pada blog ini mempunyai kelebihan dalam
tampilan, jika sebelumnya anda mempunyai tampilan yang terkesan biasa-biasa
saja, namun di tutorial kali ini saya akan memberi tutorial cara merubah atau
memodifikasi tampilan background widget Category menjadi lebih keren dalam mode
cloud.
yah,, kira-kira begitulah tampilan hasilnya nanti, sahabat blogger bisa merubah lagi warna flat dengan pemberian warna flat atau warna datar
yang sudah saya publikasi sebelumnya di blog ini. Lihat di artikel
sebelumnya KODE WARNA HTML
Okay,,, kita mulai dengan langkah-langkah Cara Merubah Gaya/Tampilan Widget Category Blog Lebih Keren yaitu:
Langkah Pertama
Pertama-tama untuk tampilan taruh saja kode CSS dibawah ini tepat sebelum kode ]]></b:skin> untuk mengubah tampilan Category yang sudah ada di blog kamu:
/*Cloud Label*/
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;}
.cloud-label-widget-content{text-align:left}
.label-size {background:#75AF2F; 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:#000000;padding:6px 8px;font-weight:bold;}
.label-size a:hover {background:#556B2F;}
.label-count {white-space:nowrap;padding-right:3px;margin-left:-3px;background:#556B2F;color:#fff;}
.label-size {line-height:1.2}
Jika selesai
simpan template blog kamu.
Langkah Kedua
Untuk langkah yang terkahir jangan lupa mengubah tampilan
label di blog kamu menjadi 'Cloud'. Caranya cukup mudah:
Pergi ke "Tata Letak" > "Tambah
Gadget/Widget" > Cari "Label/Kategori" >
Ubah atau centang "Display/Tampilan" menjadi "Cloud" dan
jangan lupa centang juga "Show number of posts per label/Tampilkan
jumlah posting per label" > Klik "Simpan".
Simpan perubahan tata letak di blog kamu.
Dan hasilnya bagaimana, sudah bagus bukan. Dan jangan lupa untuk mengganti
warnanya sesuai dengan selera kalian ya. Selamat mencoba dan semoga bermanfaat.
