Hai sob, Andi-Techno kembali membawa trik buat blogger, yang merasa udah master blogger boleh lewatin artikel ini sob, ini cuma trik newbie sob. 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:
sekarang coba lihat salah satu artikel sobat yang ada gambarnya dan arahkan kursor ke gambar tersebut.
semoga berguna :D baca juga: Membuat Menu Navigasi Vertikal Keren di Blog dengan Efek Transisi
keyword: gambar bergerak saat disentuh mouse, membuat gambar keren pada artikel blog, trik blogger, bagaimana cara membuat gambar yang bergerak saat disentuh kursor mouse
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 == "item"'><style type='text/css'>3. Klik simpan template.
.post img {border:3px solid #1e1e1e;-webkit-transition: all 0.4s ease-in-out;}.post img:hover{margin-left:20px}</style> </b:if>
sekarang coba lihat salah satu artikel sobat yang ada gambarnya dan arahkan kursor ke gambar tersebut.
semoga berguna :D baca juga: Membuat Menu Navigasi Vertikal Keren di Blog dengan Efek Transisi
keyword: gambar bergerak saat disentuh mouse, membuat gambar keren pada artikel blog, trik blogger, bagaimana cara membuat gambar yang bergerak saat disentuh kursor mouse