Malam sobat
blogger ? setelah sebelumnya sempat memposting cara memasang notifikasikomentar google diblog, pada postingan selanjutnya saya akan membahas tentang
widget Label atau Kategory, widget Label ini cukup berbeda menurut saya
sekaligus unik pula karna ini berbeda dengan widget label pada umumnya. Jika sobat
pernah berkunjung ke Blognya DTE mungkin sobat mengerti seperti apa tampilannya.
Cara pemasangannya
sendiri cukup simple:
1. sobat
masuk blog sobat
2. klik Edit HMTL >> pilih Template
3. pasang
kode CSS di bawah ini diatas kode ]]></b:skin>
#Label1 li a {color: #2c3e50;text-decoration:none;} #Label1 li a:hover, #Label2 li a:active, #Label1 li a:focus {color: #20aea6;text-decoration:none;} #Label1 li .label-counter {float:right;background-color:#20aea6;color:#fff;line-height:1;margin:2px 0 0;padding:3px 5px;border-radius:2px;text-align: center;font-size:12px;} #Label1 li:hover .label-counter {background-color:#255e96;color:white}
Untuk penyetingannya:
Jika diblog
sobat mempunyai lebih dari satu label maka sobat bisa menambahkan CSS pada label seperti berikut:
Missal:
#label12
………….bla..bla..blaa
#label13
Dan seterusnya
4. sobat
cari kode dibawah ini dengan bantuan Ctrl+F
<span dir='ltr'>(<data:label.count/>)</span>
Dan ganti
dengan kode dibawah ini<span class='label-counter'><data:label.count/></span> Pada hasil akhirnya nanti, apabila jumlah postingan lebih banyak maka akan lebih lebar seperti ini
123
dibanding
yang lebih sedikit seperti ini
23
. Untuk
membuat ukuran yang sama, pada
#Label1 li
.label-counter
tambahkan
ukuran fixed :
width:25px;
Silahkan
sesuaikan ukuran pixel sesuai selera sobat.
Sumber: +KangIsmet dan goblogination
0 komentar