Cara membuat label bergerak pada blog

Cara membuat label bergerak pada blog - pasti kalian ingin mempercanti blog dengan membuat label di blog kalian bergerak apabila disentuh oleh kursor.oke tanpa basa-basi ikuti langkahnya dibawah ini :
1. Login Blogger
2. Pergi kemenu tata letak
3. tambahkan gadget
4. Pilih Label
5. buatlah konfigurasi label seperti dibawah ini :

6. Apabila sudah buka menu Template
7. Pilih Edit HTML
8. Cari kode ]]></b:skin>

9. Apabila sudah ketemu tempelkan kode dibawah ini tepat diatas kode ]]></b:skin>

.label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C0C0C0; border-radius: 3px; float:left; text-decoration:none; font-size:9px; color:#666; }

.label-size:hover { border:1px solid #B20000; 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; }

10.  Simpan Template

     Mudahkan.Semoga artikel ini bermanfaat

Tweet

Subscribe to receive free email updates: