Rabu, 04 Juni 2014

Cara Mempercantik Label Cloud


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,Lihat juga cara lain mempercantik label Disini
Wassalam...

Tidak ada komentar:

Posting Komentar