Membuat Gambar Pada Posting Bergerak Saat di Sentuh Kursor

Membuat Gambar Pada Posting Bergerak Saat di Sentuh Kursor, gimana tuh maksudnya? coba sobat arahkan kursor sobat ke gambar dibawah ini:

  

 nah gambarnya gerak kan sob saat disentuh kursor mouse, mau tau cara membuatnya?
check this on:

1. Masuk ke Blogger (saya masih memakai tampilan blogger lama saat artikel ini ditulis) > Klik Rancangan > Klik edit HTML

2. Cari kode ]]></b:skin> dengan bantuan CTRL+F agar lebih mudah, lalu letakkan atau paste kode dibawah ini setelah / dibawahnya kode ]]></b:skin> tadi.
kode:

<b:if cond='data:blog.pageType == &quot;item&quot;'><style type='text/css'>
.post img {border:3px solid #1e1e1e;-webkit-transition: all 0.4s ease-in-out;}.post img:hover{margin-left:20px}</style> </b:if>

3. Klik simpan template.

sekarang coba lihat salah satu artikel sobat yang ada gambarnya dan arahkan kursor ke gambar tersebut.

semoga berguna :D