Cara Mempercantik Label Cloud

By Unknown

Minggu, 16 September 2012

Kadang tampilan label dapat membuat kita bosan, karena tampilannya yang sederhana dan terkesan membosankan. Oleh karena itu kita harus memberikan sedikit sentuhan agar tampilan label menjadi lebih cantik dan menarik. Sekarang saya akan bagikan trik mempercantik label cloud agar terkesan elegan dan nyaman dipandang mata. Sekarang mari kita bahas cara mempercantik tampilan label cloud. Ikuti langkah berikut.

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

Selanjutnya Klik Simpan dan lihat hasilnya
Selamat mencoba dan sukses selalu

"keep spirits and do the best"

Share :

Facebook Twitter Google+