caranya memberi efek hover pada header blog

mau gambar seperti ini pada blog anda

langsung saja gan ne caranya: 

• Login ke blogger
• Pilih menu template >> edit HTML >> lanjutkan
• Cari Kode ]]></b:skin>

Lalu letakkan code di bawah ini tepat diatasnya...ambil kodenya di link disini

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

• terus kalian  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/AVvXsEgMi9155LOFxjbldBFssp37EfgAPXdPRQtp14R5O_8CMH0yNczCNoXRUQlOjhotm3kVKZ53YF1LkJQptRxmXQjnormaqYcS7i5eTPgGwdN9qlgqbtFz_0FiGQr6dzIKAj3xZFJM7RXmR2Iy/s1600/adada.png'/></a> 



ambil disini gan

• ubah code yang berwarna biru dengan url gambar yang kalian inginkan
• setelah itu simpan html kaian dan lihat gimana hasilnya

selamat mencoba dan jangan lupa like n share tanks


<a class='thumbopacity'>

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMi9155LOFxjbldBFssp37EfgAPXdPRQtp14R5O_8CMH0yNczCNoXRUQlOjhotm3kVKZ53YF1LkJQptRxmXQjnormaqYcS7i5eTPgGwdN9qlgqbtFz_0FiGQr6dzIKAj3xZFJM7RXmR2Iy/s1600/adada.png'/></a>