Test Footer

mas template

Comment

Blogger templates

Affiliates

Join This Site

Followers

Memberi Efek Hover Pada Gambar Header





Mickeymaru Kali Ini Akan Share Cara Memberi Efek Hover Pada Gambar Header. Untuk Demonya Silahkan Klik Demo di Bawah Ini, Lalu Coba Kamu Sorot Gambar Yang Ada di Header.

Berikut Tutorialnya...
  • Login Ke Blogger
  • Pilih Menu Template >> Edit HTML >> Lanjutkan
  • Cari Kode ]]></b:skin> Lalu Letakkan Code di Bawah Ini Tepat Diatasnya...
a.HackerArifinhover 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.
HackerArifinhover: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='HackerArifinhover'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj89ysHLzROc6c9N6fld2-6n5hXbdPfRozqA4EX0HWp9Sas4jeCuBfNMgEf_y4W4B0k8Lr0CAL8HLYu0otd1Svf4QKOVhBWYDbMiJxOhW3pnqwlGY74xjwfXG_WuPSaB6YvKqJO2da1hhaJ/s1600/adada.png'/></a>


  • Ubah Kode Yg Berwarna Hijau Dengan URL Gambar Kalian 
  • Setelah Itu Simpan HTML Kalian Dan Lihat Hasilnya.
Sumber : http://www.mickeymaru.com

Posting Komentar - Back to Content

 
Thanks For Visiting Gunakanlah GOOGLE CHROME Untuk Tampilan Sempurna
Mau Request ? Klik Disini