Monday, 30 April 2012

Membuat Efek Image Tweak di Blog





Kali ini kita akan membuat efek Image Tweak, dimana image/gambar akan bergerak saat di sorot atau terkena kursor.Ayo langsung ke TKP
1. Langsung aja masuk Account Blogger 
2. Klik Template >> Edit HTML. Jangan lupa centang kotak expand widget template.
3. Setelah itu cari kode berikut:.
        post img {
        padding: 4px;
        border: 0px solid $borderColor;
        }
 
  4.Agar lebih cepat tekan tombol cntl + F kemudian copy paste kode tadi    kedalam kotak pencarian.
 5. Kalau sudah ketemu kode di atas, sekarang ganti kode tersebut dengan kode di bawah ini :

post img:hover {
position: relative;
top: 1px;
left: 1px;
}

Catatan : angka 1 pada kode di atas ( top dan left) dapat anda ganti nilainya sesuai keinginan anda. Semakin besar nilainya semakin jauh pula image tersebut nanti akan bergeser.

No comments:

Post a Comment