Membuat Efek Gambar Membesar dan Memutar Saat Kena Kursor


Syalom...Ga Usah Di Jelasin Deh.. Lihat Aja Gambar Di Bawah Ini Sebagai Contohnya :



Ini Dia Kodenya :


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

Letakkan Kode Ini di Atas Kode ]]></b:skin>
Caranya :
Seperti biasa
1. Masuk ke akun blogger anda dengan email dan password sendiri
2. Setelah berada di halaman Dashboard silahkan anda Pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements Lalu Kli Edit HTML
3. Cari deh Kode ]]></b:skin>  (Ctrl+F)
4. Tinngal Di Letakkandi atas kode no.3
5. Klik Save Template

Belum selesai Sahabat
Untuk Mengaktifkan Efeknya Pastinya CSSnya Harus Di Panngil dulu Dong...Kalau Gak di Panggil Pasti Gak Datang,hehehe
Ini Dia Kode Pemamanggilannya :

<img class="memput" src="http://i783.photobucket.com/albums/yy114/rrezkijitawwa/bannerrrrrrr.png" />

Merah Adalah ID CSS tadi,,,berfungsi untuk memanggil,hehe
Hijau Ganti dengan URL Gambar Anda.

Untuk Membuatnya Menjadi Link Kodenya seperti di Bawah :

<a href="Link Anda Di Sini"><img class="memput" src="http://i783.photobucket.com/albums/yy114/rrezkijitawwa/bannerrrrrrr.png" /><a/>

Biru Di Isi Dengan Link Yang anda Inginkan.
Selesi Deh...
Selamat Mecoba........GBU....

0 komentar

Posting Komentar

SPONSOR