CARA MEMBUAT EFEK ZOOM - MEMPERBESAR GAMBAR DI BLOG

Sekedar catatan, tekhnik ini menggunakan CSS3 jadi tidak akan bekerja di Internet Explorer.

Langsung sajaa!!!

1. Login ke Blogger, lalu seperti biasa, klik Tata Letak > Edit HTML.

2. Backup template anda.

3. Cari kode ]]></b:skin>, lalu taruh kode berikut diatasnya.

.besar:hover{
-moz-transform:scale(1.25);
-webkit-transform:scale(1.25);
}

4. Kalau sudah, klik Simpan Template.

Untuk memasukkannya ke blog, pilih Tata Letak > Elemen Halaman > Tambah Gadget > HTML/Javascript. Lalu pada bagian isi ketikkan kode berikut.

<a href="LINKYANGDIINGINKAN"><img src="URLGAMBAR" class="besar"/></a>

LINKYANGDIINGINKAN adalah link yang diinginkan, sedangkan URLGAMBAR adalah URL dari gambar.

Anda juga bisa meletakkannya di pastingan anda. Pada mode Edit HTML tentunya. Semoga bermanfaat.

Subscribe

Monitor continues to update the latest from This blog directly in your email!