Daftar Blog Saya

Sabtu, 18 Februari 2012

Tutorial Blogspot - Efek Zoom

Nah...kali ini kita akan belajar ketika cursor yang diarahkan ke suatu gambar di blog kita dapat memiliki efek zoom. Pastinya akan membuat blog kita semakin keren, mulai saja kita belajarnya kalau kelamaan bisa-bisa bosan ya kan??

Yang pertama dilakukan adalah login dulu ke akun blogspotnu ( ya iyalah...kalo gak mana mungkin bisa jalan ni tutorial...)

Yang kedua pilih pemgaturan Template / Tata Letak dan pilih edit HTML, cari kode berikut 
]]></b:skin> ( biar cepet kita pakai ctrl F saja untuk mencarinya )

Yang ketiga taruh kode seperti dibawah ini tepat diatasnya ( ingat jangan keliru )
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }
Yang keempat kita save dan kita pilih tutup. Dan akhirnya whoalaaaa........halaman blog kita terlihat lebuh keren dengan efek zoom.

Tidak ada komentar:

Posting Komentar