cara memasang GAMBAR BERPUTAR dgn gaya berbeda di blog

Posted by : Ivankgribatako Senin, 25 Agustus 2014

membuat gambar/foto berbutar di setiap artikel para blogger
itu kebanyakan berputarnya gambar itu'' aja,..
tapi kali ini saya mengajak sobat untuk melakukan uji coba
menyentuh salah satu gambar di blog saya ini,,..
coba sobat arahkan kursor tsb kearah salah satu gambar di bawah,...

gimn sob,,,
berminat ingin pasang di blog sobat,,..
ok,,,silahkan ikuti tutornya berikut,,..

login akun blog sobat
klik TEMPLATE
klik edit HTML
centang expand widget template
cari kode ini ]]></b:skin>
dan copas kode tsb tepat diatas kode ini ]]></b:skin>

.post img{border:10px solid #fff;overflow:hidden;-webkit-box-shadow:5px 5px 5px #111;box-shadow:5px 5px 5px #111;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;margin:20px}
.post img:hover{border-radius:50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}