Tuesday, September 13, 2011

membuat gambar membesar ketika di lalui kursor

Tertarik untuk membuatnya, silahkan ikuti langkah berikut :

Login ke Blogger klik Rancangan klik Edit HTML
kemudian cari kode ]]></b:skin>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol (F3).
Jika sudah ketemu letakkan kode berikut di atasnya

.transformscale:hover{
-moz-transform:rotate(22.5deg) scale(1.50);
-webkit-transform:rotate(22.5deg) scale(1.50);
}

Klik SIMPAN TEMPLATE.

Untuk Mengaktifkan Efeknya harus ada kode pemanggilnya.
Berikut kode pemamanggilannya:


Keterangan : kode yang berwarna hitam adalah ID CSS yang berfungsi untuk memanggil.
Dan kode yang berwarna biru adalah Url gambar, ganti dengan Url gambar anda.

Jika anda ingin menambahkan Link kodenya menjadi seperti berikut:


Keterangan : ganti http://makalahkliping.blogspot.com/ dengan url yang anda inginkan.


contoh imagenya nih >


No comments:

Post a Comment

Note: Only a member of this blog may post a comment.