Membuat Efek Besar Pada Gambar saat terkena Mouse

   Sebelumnya saya harus menjelaskan Maksud dari "Membuat Efek Membesar Pada Gambar/Image"penjelasaannya sebagai berikut :

    *Gambar Akan membesar Apabila tersentuh oleh kursur/Mouse
    *Gambar Akan merotasi dengan sendirinya Apabila tersentuh oleh kursur/Mouse
Kalau memang belum jelas silakan sentuh gambar d bawah ini dengan mouse/kursor sobat.

Nah sekarang ke bagian tutorialnya langsung ke TKP :

1. Masuk ke akun blogger.com
2. Dashboard silahkan anda Pilih Rancangan
3.Pilih Edit HTML
4.Kalau sudah centang dulu "Expant Template Widget"/atau backup Dulu template sobat sebelum ada apa2
5.Cari deh Kode ]]></b:skin>  (Ctrl+F)
   
    Letakkan kode berikut ini tepat di atas ]]></b:skin>

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

Langkah terakhir adalah menyimpan template dengan klik aja "save" sob...!!

Namun perjuang sobat belum selesai sampai disini sekarang kita langsnug ke Tahap kedua untuk mamanggil kode tersebut.
Ini Dia Kode tata cara meletakkan kode untuk memanggil kode tersebut dan memberikan efek pada gambar:

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

Sisipkan kode "memput" untuk memberikan efek pada Image/Icon yang ada sedangkan tulisan tebal adalah alama URL gambar Sobat.

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/>

Begitulah warna hijau dapat sobat ganti dengan link yang sobat bisa tuju.

Sekian dulu artikel dari saya semoga bermanfaat bagi kita semua Amien....