Selasa, 21 Februari 2012

Cara Membuat Efek Zoom Pada Gambar Di Blog

Sulitkah Membuat Efek Zoom pada Gambar di blog? Tidak. Justru sangat mudah. Semudah memasang kancing baju loh. wkwk

Penting : Untuk berjaga-jaga blog anda akan kacau ketika menerapkan tips Membuat Efek Zoom pada Gambar di blog ini maka saya mewajibkan anda untuk memback up data template anda terlebih dahulu.

Baiklah berikut tipsnya :

1. Login ke blogger.com
2. Lalu klik Tata Letak/Rancangan/Design ( tergantung setting bahasa blogspot anda
3. Klik Edit HTML, jangan lupa centang pada bagian Expand Template Widget.
4. Cari kode ]]></b:skin>, gunakan shortcut keyboard Ctrl + F untuk lebih mudah mencarinya.
5. Jika anda sudah menemukannya, masukkan kode CSS berikut ini tepat di atas kode nomor 4 tadi

.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); }

6. Simpan Template anda. Sekarang coba lihat perubahannya.

Good Luck...

Tidak ada komentar:

Posting Komentar