Preview:
Menarik bukan?
Caranya:
1) Sign in akaun blogger
2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"
3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod
]]></b:skin>4) Kemudian copy paste kod di bawah sebelum kod ]]></b:skin> yang korang cari tadi:
.post img{
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
}
.post img:hover{
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
contoh:
.post img{
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
}
.post img:hover{
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
]]></b:skin>
7) Klik preview, jika tiada error, klik save dan lihat hasilnya.
Selamat mencuba! :)
* efek ini hanya berkesan pada browser mozila firefox
Special:





3 komen budak comel:
sis,tolong sye ..bleh tension sye di buat nye.please tlong sye.,.
en mi blog no funciona este tutorial :(
thank ya ! for the tutorial ...
thank .. coz sudi kogsi elmuu ..
^^,
Post a Comment