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 Monday, 30 April 2012
Membuat Efek Image Tweak di Blog
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;
}
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.
Subscribe to:
Post Comments (Atom)
 
 
 
 
 
 
No comments:
Post a Comment