JRTR site | Berbagi Tanpa Batas, Blogger Tips, Widget, Template

Berbagi informasi online, komputer, tutorial blogger, template untuk blogger, tips trik blogger.

Rabu, 15 Ogos 2012

Membuat Gambar Pada Posting Bergerak Saat di Sentuh Kursor

Membuat Gambar Pada Posting Bergerak Saat di Sentuh Kursor - Hai sob,  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:


Foto Saya 


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.pasti bergerak.. hehehehehehe 



semoga artikel ini bermanfaat untuk sahabat blog semua....

JokoRowoTlogoRejo Beri Komentar
Bagikan kepada teman!
Garis
300 x 250
 
Design by JRTR Copyright © 2014 ~ 2015 Powered by Blogger
TOP