- Pertama masuk ke akun blogger kalian
- Pilih layout
- Dan setting label kalian seperti gambar di bawah ini
Kemudian copy kode di bawah ini tepat di atas kode ]]></b:skin> gunakan ctrl+f untuk mempermudah mencarinya,
.label-size{background:#0099ff;margin:0 2px 6px 0;padding: 3px;text-transform: uppercase;border: solid 1px #000;border-radius: 3px;float:left;text-decoration:none;font-size:10px;color:#fff;}kemudian save dan lihat hasilnya,
.label-size:hover {border:1px solid #6BB5FF;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;}
NB :
Warna Merah untuk mengganti warna background
Warna Biru untuk warna text
0 comments:
Post a Comment