Cara Membuat efek Hover Pada Gambar Yang Ada Di Header

Udah lama gak nge post nih, kale ini NDNFREAK pengen kasih tau Cara Membuat efek Hover Pada Gambar Yang Ada Di Header kaya di Blog ini, Oke Langsung aja ikutin tutornya.

Berikut Tutorialnya...

• Login ke blogger
• Pilih menu template >> edit HTML >> lanjutkan
• Cari Kode ]]></b:skin> Lalu letakkan code di bawah ini tepat diatasnya...

a.thumbopacity 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.thumbopacity: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='thumbopacity'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy_YFiJfpVkKY1eiaa60-JFahddjBAvT8Qgj0JKFm8p-ZmDDCKdai_D_UlcXLaTJMYfz6yhdLN7H9xupb9UwQb4203X0EV1mHrIoWeOBcxLFUpRwLKS1BsQrpwpuUCw0JRZcXz9gk_-weY/s1600/adada.png'/></a>

• Ubah kode yg berwarna hijau dengan URL gambar kalian 
• Setelah itu simpan HTML kalian dan lihat hasilnya.

Selanjutnya tinggal kalian utak atik sendiri, dan selamat mencoba!!!

 

 NDN'S FREAK

 

Terima Kasih Telah Mampir Ke Blog Saya!!!

Backlink Please !

URL

Code For Forum

HTML Code <a href='http://ndnfreak.blogspot.com/2013/08/cara-membuat-efek-hover-pada-gambar.html' target='_blank'>Cara Membuat efek Hover Pada Gambar Yang Ada Di Header </a>