Cara Membaut Efek Hover Pada Gambar

Kali ini saya akan berbagi Trick Cara membuat epek hover pada blog, Mungkin Agan2 Ingin Tau Tutorialnya,, Langsung Saj Nih ..

• 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/AVvXsEi-exYQEvNZEM5lH09b99Bt9UPXp9nryybVxnSGftdE9n81Llllsve6dBaxZSYBP4P62ItMDyJyiDeR07g9Mzdwi5_flbKZhmLUTyiVs5sdFw1RgcVE_20nRivMuno21o2PuC9S1NHwKxHL/s1600/adada.png'/></a>

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

Selamat Mencoba, Semoga Agan2 Berhasil + Jangan Lupa Komentar ya,,,/ Isi Buku Tamu