Sabtu, 09 Februari 2013

Cara Membuat Efek Zoom Pada Gambar Di Blog


Jika gambar disentuh akan membesar

1. Login ke akun blogger sobat.
2. Pilih Template
3. Untuk berjaga jaga downlod dulu tamplate blog sobat ( Backup )
4. Pilih Edit HTML >> Lanjutkan >> Kasih centang "Expand Template Widget".
5. Cari kode ]]></b:skin> untuk mempermudah gunakan F3 atau Ctrl F.
6. Letakan kode di bawah ini tepat di atas kode ]]></b:skin>
.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); }
7. Simpan dan lihat hasilnya.

Tidak ada komentar:

Posting Komentar