CARA MEMBUAT GAMBAR BERPUTAR DAN MEMBESAR SAAT DI SOROT

1). LogIn ke blog kamu
2). Klik TEMPLATE
3). Klik EDIT HTML
4). Klik LANJUTKAN
5). Jangan Lupa, klik EXPAND TEMPLATE WIDGET
6). Nah, cari kode </head>
7). Cari cepat kode tersebut dengan meng-klik F3
8). Kalau sudah ketemu, Copy kode dibawah ini tepat diatas kode </head>

 <style>#sundaboy img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;} #sundaboy img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>


9). Kalau sudah, SIMPAN TEMPLATE

Selanjutnya, untuk menampilkan gambar yang disorot dan membesar pun berputar, Copy-Paste kode dibawah ini di postingan maupun di SideBar. Kalau mau dipostingan, ubah mode COMPOSE menjadi HTML.

<div id="sundaboy">

<a href="http://www.raffiiskandarblog.blogspot.com/"><img src="KODE GAMBAR" /></a></div>

NB : Ganti  http://www.raffiiskandarblog.blogspot.com/  dengan alamat blog kamu. And, ganti tulisan KODE GAMBAR dengan URL foto kamu.

10). SAVE, lihat blog kamu sekarang