14 July 2016

CARA LETAK WIDGET LABELS BERWARNA DI BLOG !


CARA LETAK WIDGET LABELS BERWARNA DI BLOG ! | Seronok pulak aku main-main dengan widget blog ni. hehe jadi aku nak kongsikan dengan Blogger-bloger sekalian di luar sana mengenai Cara letak widget labels Berwarna di Blog anda. Sebelum ini , aku dah kongsikan dengan korang kepentingan Labels ni kan. jadi meh aku  kongsikan mengenai Cara letak widget labels berwarna di blog.


CARA LETAK WIDGET LABELS BERWARNA DI BLOG !


Step Pertama :

1. Buka Dasboard > layout > Add gadget > Labels .

**kalau korang ada dua widget labels, tengok dekat number 2 dan make sure korang setkan ke 9 labels .

a) 9 selected labels
b)List
c) save .

Step kedua :

1. Dashboard > Template > Edit Html.
2.cari perkataan ini

]]></b:skin>

Kemudian Pastekan kode di bawah ini , di atas kod yang korang search tadi.

#Label2 ul{margin:0;padding:2px 0;list-style-type:none}#Label2 ul li{position:relative;margin:5px 0;border:0;padding:10px}#Label2 ul li:first-child{background:#ff4c54;width:90%}#Label2 ul li:first-child:after{content:"1"}#Label2 ul li:first-child + li{background:#ff764c;width:87%}#Label2 ul li:first-child + li:after{content:"2"}#Label2 ul li:first-child + li + li{background:#ffde4c;width:84%}#Label2 ul li:first-child + li + li:after{content:"3"}#Label2 ul li:first-child + li + li + li{background:#c7f25f;width:81%}#Label2 ul li:first-child + li + li + li:after{content:"4"}#Label2 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%}#Label2 ul li:first-child + li + li + li + li:after{content:"5"}#Label2 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%}#Label2 ul li:first-child + li + li + li + li + li:after{content:"6"}#Label2 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:72%}#Label2 ul li:first-child + li + li + li + li + li + li:after{content:"7"}#Label2 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%}#Label2 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}#Label2 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%}#Label2 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}#Label2 ul li:first-child:after,#Label2 ul li:first-child + li:after,#Label2 ul li:first-child + li + li:after,#Label2 ul li:first-child + li + li + li:after,#Label2 ul li:first-child + li + li + li + li:after,#Label2 ul li:first-child + li + li + li + li + li:after,#Label2 ul li:first-child + li + li + li + li + li + li:after,#Label2 ul li:first-child + li + li + li + li + li + li + li:after,#Label2 ul li:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}#Label2 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}#Label2 ul li a{font-size:12px;color:#444;text-decoration:none}#Label2 ul li a:hover{color:#222;text-decoration:none}

Klik save . selesai .

Mudah jer ni. cumanya step pertama tu penting untuk korang cuba dulu. kalau tak jadi, boleh komen dekat bawah. ohh yaa.. korang punya labels berwarna akan jadi macam dalam blog aku ni. belah kanan korang.

baca juga : Cara letak Labels di Blog .

sekian.


EmoticonEmoticon