- Log in ke blogger
- Klik Template
- Klik Edit HTML
- Masukkan kode berikut di atas kode ]]></b:skin>
.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 #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}
- Selanjutnya klik Simpan Template
- Klik Tata Letak
- Klik Tambah Gadget
- Pilih Label lalu setting seperti gambar di bawah ini
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh56L7PkZCVBr8KKAy9-lAMb6DS_7EAKpUeXtW_R-RDbcV-7LCDgHw4gGq9Bf-kq8IzqwFDUiQrbjf4QFKyTEQghJN33wCv5prbAg48-V3AgkwZ-rrBVwSAaVODxVvOI1zqQFrFfdFpHDU/s1600/label.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3m53SxN7JH1QEqap63c6GR4K-734JJUvzkuF1c7FYUuC7Jqp-bvAeIagCl8peik2LqTeBJE1n0Se_nAdgSXqo5QCG-tH-PgZ_R4pxpMIBRU00dSPX1EzX0NPVRubtcJFTDPCprWGXdsE/s320/setting-label-cloud.gif)
- Selanjutnya Klik Simpan dan lihat hasilnya
Wassalam...
Tidak ada komentar:
Posting Komentar