Pages

Sabtu, 03 November 2012

Cara Mempercantik LabelCould anda Dengan CSS


Tapi ingat! sebelum sahabat blogger memasang tampilan ini, gunakan opsi pada widget label menjadi seperti ini.

Option Custom Label Cloud ANVITY

Jika semuanya sudah siap, silahkan ikuti langkah-langkah dibawah ini.
1. Pastikan sahabat sudah login ke akun Blogger.
2. Masuk ke halaman "Template" dan klik "Edit HTML"
3. Cari kode ]]></b:skin>  (gunkan Ctrl+F untuk mempermudah)
4. Salinlah kode/script dibawah ini dan letakan tepat diatas kode ]]></b:skin>
<!-- Custom Label Cloud by www.nyitcorps.blogspot.com.com Start -->
.label-size{margin:0 2px 6px 0;padding: 3px;text-transform: uppercase;border: solid 1px #4F4F4F;border-radius: 3px;float:left;text-decoration:none;font-size:10px;color:#FF4F4F}
.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}
<!-- Custom Label Cloud End -->
5. Save Template. Done!

Posting Lama Beranda

0 komentar:

Posting Komentar