Tip's n Trik Cara Membuat Gambar Berputar di Posting Blog

Cara Membuat Gambar Berputar di Posting Blog

Kali ini Q mau bagi buat mempercantik Blog supaya jadi indah bila di kunjungi,Walaupun sudah jadul tetapi banyak yang ingin di share Cara membuat Gambar berputar-putar bila di sentuh Crusor.
taukah sobat kalau blog dapat dipercantik dengan membuat gambar berputar-putar. apalagi di postingnya. ini dapat membuat blog sobat menjadi lebih enak diliat. dan kelebihannya adalah dapat membuat gambar menjadi lebih besar dan load blog juga nggak berdampak besar. oleh karena itu kalau gambar di posting blog sobat kurang jelas, ini akan menjadi lebih jelas.Dan Gambar ini bisa berputar 360 derajat.
OK lansung saja simak langkah_langkahnya:

1. pertama login ke blogger.com
2. masuk ke halaman template
3. ketiga, klik Edit HTML, lanjutkan, dan jangan lupa centang expand template widget
4.cari Kode

]]></b:skin>

5.selanjutnya Copas Kode dibawah ini dan taruh tepat di atas kode

]]></b:skin>

.post img{-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out;}
.post img:hover {-o-transform: scale(1.2) rotate(360deg) translate(0px);
-moz-transform: scale(1.2) rotate(360deg) translate(0px);
-webkit-transform: scale(1.2) rotate(360deg) translate(0px);
-o-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-webkit-transition: all 1.5s ease;}

6.simpan Template sobat dan lihat hasilnya.

Semoga artikel ini bisa bermanfaat bagi sobat semuanya.
Jangan lupa Coment......