cara buat label cantik di blog

Login ke Blogger.com
Pilih Elemen Rancangan >> Pilih Add Gadget >> Pilih Label dan atur settingan seperti dibawah ini


Kemudian susun Tata Letaknya
Simpan Gadget.

Sekarang tambahkan style label cloud berwarna yang dimaksud:

Pilih Template pada menu Elemen Rancangan
Pilih Edit HTML >> Cari kode ]]> </b:skin> dengan menggunakan Ctrl - F untuk mempermudah pencarian
Kemudian Copy dan Paste kode berikut ini tepat sebelum kode ]]></b:skin>

/*--------Cloud Label from www.dianmotorcell.blogspot.com ------------*/

#Label1 a{outline:none;
border: 1px rgba(0,0,0,0.2) solid;
padding: 4px 6px 4px 12px;
text-decoration:none;
color:black;
white-space: nowrap;
font-family: arial;
font-size: 10px;
font-weight: bold;
position: relative !important;
background: #58E6F9;
float:left;
padding: 4px 3px;
margin: 0 5px 5px 0;
border-radius:8px 8px; -moz-border-radius:8px 8px 8px 8px; -khtml-border-radius:8px 8px 8px 8px; -webkit-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px;
}
#Label1 a:hover {
background:#5BFDD5;
color:#5B5BFD;
}
#Label1 a:active {
background:#EC88C9;
}/*-------End cloud Label style---------*/



begitu la cara buat labe cantik

penat gak la mencari baru jumpa yang mcm ni....

kene godek2 lagi label yang cantik2 pasni

ok jumpa lagi satu code label cantik

/*-----Labels Cloud Styled widget by proBlogiz.blogspot.com----*/ .label-size{margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C6C6C6; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:1px solid #B20000; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; } .label-size a { text-transform: uppercase; float:left; text-decoration: none; } .label-size a:hover { text-decoration: none; }

boleh la kawan2 cuba buat...selamat mencuba (@,@)