cara pasang label bergerak
Februari 03, 2016
sahabat postingan menjelang sore munkin sahabat sudah tau bahkan sudah mempergunakanya
untuk mempercantik blog sahabat......
langsung aja sahabat menjelang sore ini anna memposting modifikasi label blog
label blog banyak sekali memodifikasinya.....
baca juga sahabat di wedget label di situ ada beberapa contoh wedget label
tapi pokok bahasan kali ini adalah
memodifikasi label bergerak.label bergerak ini kurang lebih tiga puluh derajat aja sobat.
caranya bisa tinggal copy pastekan kode di bawah ini
sahabat log in dulu ke blog sahabat
klick tample blog sahabat.
setelah itu edit HTML blog sahabat.
cari kode <b;skin>...<b;skin>
lalu sahabat klick cari lagi kode ]]></b:skin>
setelah ketemu pastekan kode sebelum kode tersebut.
/* Label style cloud ----------------------------------------------- */ .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 .5s ease-out; -o-transition:all .5s ease-out; -webkit-transition:all .5s ease-out; -ms-transition:all .5s ease-out; transition:all .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 }
lalu tinggal save deh dan lihat hasilnya sobat