Cara Membuat Gambar Membesar dan Memutar Saat Kena Cursor

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

Udah Ngerti Kan..
Postingan Sebelumnya Mengenai Efek Gambar
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin1EJLCP01vHiGXG46nAvfoRvpqP0MS9_z3XH6oys2pcyXH2MR7az7v_uXOuAN9Epdv3xcx4H-aWCie5be8LtZOWIqaQ3tnG8HgiNKuraE0U73ZMnJVlQ53OmoWedTAdAtJpVAkNKXMWKp/" />

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin1EJLCP01vHiGXG46nAvfoRvpqP0MS9_z3XH6oys2pcyXH2MR7az7v_uXOuAN9Epdv3xcx4H-aWCie5be8LtZOWIqaQ3tnG8HgiNKuraE0U73ZMnJVlQ53OmoWedTAdAtJpVAkNKXMWKp/" /><a/>

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

Posted in: Blog