Cara Membuat Efek Hover Pada Gambar Header Posted by : Dhimas AP

Kali Ini Akan Share Cara Memberi Efek Hover Pada Gambar Header. Untuk Demonya Silahkan Arahkan Cursor Kalian Ke Gambar Itachi Di Blog [B-C] Ini , Pasti Akan Bergerak kan. 

Ini Caranya , Baca Dengan Teliti ( Sampai Mata Bengkak )

• Login Ke Blogger
• Pilih Menu Template >> Edit HTML >> Lanjutkan
• Cari Kode ]]></b:skin> Lalu Letakkan Code di Bawah Ini Tepat Diatasnya...

a.AryaBlogover img {  -moz-transition: all 0.3s ease-out;    -o-transition: all 0.3s ease-out;    -webkit-transition: all 0.3s ease-out;    -ms-transition: all 0.3s ease-out;    transition: all 0.3s ease-out;margin-top:5px;margin-left:230px; position:absolute; }a.AryaBlogover:hover img{  margin-left: 175px;  padding-left: 0px;  }

•  Sesuaikan Letak Gambar Kalian Dengan Mengedit Marginnya 
• Lalu Copy Code di Bawah Ini Dan Pastekan Tepat Dibawah Code </head> 

<a class='AryaBlogover'><img border='0' src='http://i.imgur.com/MF7cW.png'/></a>

• Ubah Code Yang Berwarna Hijau Dengan URL Gambar Kalian 
• Setelah Itu Simpan HTML Kalian Dan Lihat Hasilnya. 

Selesai.