Hai Sobat Blogger,Kali Ini Admin Mau Share Trick Blog Yaitu Efek Hover Pada Blog Yang Mau Liat Contohnya Klik Button Demo

Demo

Oke Langsung Saja

Source Code By:Adhitya Blog

1.Login Ke Blog
2.Klik Template>Edit Html>Lanjutkan
3.Cari Code ]]></b:skin> (Mempermudah Gunakan Ctrl+C ) Copy Code Di Bawah Ini Dan Pastekan Di Atas Code Tadi

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;  }

Nb: margin-top:5px;margin-left:230px <<< Code Itu Adalah Untuk Mengatur Letak Gambarnya 

4.Copy Code Di Bawah Ini Dan Pastekan Di Bawah Code  </head> 

<a class='thumbopacity'>
<img border='0' src='http://th04.deviantart.net/fs71/PRE/i/2012/339/8/f/orochimaru_render_by_lbackfromthedeadl-d5n5w8c.png'/></a>

Nb:Ganti Code Berwarna Kuning Dengan Url Gambarmu

5.Terakhir Save Template

Oke Sekian Dari Admin Cyber 4Line Semoga Bermanfaat Dan Selamat Mencoba :D