Cara Membuat gambar Header berubah Saat di hover

Cara Membuat gambar Header berubah Saat di hover

okkay ,Assalamu'alaikum guys,, ! , apa abar?? ,, kli ini interizer's blog akan membahas tentang Cara Membuat gambar Header berubah Saat di hover ,karena ada yng minta req okkay gwa share :) bagaimana caranya ? , langsung aja cara pembuatannya :

• Pertama sperti biasanya , login ke blogger.com dlu
• masuk dasboard,pilih page template di samping kiri
• dan klik edit html
• cari kode berikut </b:skin>
• dan masukan kode berikut tepat diatas code </b:skin> :

div.INheader {

-webkit-transition: all 560ms ease-out;

-moz-transition: all 560ms ease-out;

-ms-transition: all 560ms ease-out;

-o-transition: all 560ms ease-out;

transition: all 560ms ease-out;

margin-top: -10px;

margin-left: 324px;

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1akC5nzVi0_6UpcUANIlJ5wb_3zIH6UqZbieviKdvbVw8NpFBeo42ck0grwHOQNvJeS1qbbAwtTJB6tdVYnr6HS5m1VR587ORmNXeZ3gNqAMuLD7zRkC_oshqs7q0cnxksh-A3vVgFmA/s1600/Hand-Of-darkness.png") no-repeat;

height: 369.5px;

width: 277px;

position: absolute;

}

#header-wrapper:hover .INheader {margin-top:-10px;opacity:1;

}

div.INheader1 {

-webkit-transition: all 781ms ease-out;

transition-delay: 75ms;

margin-left: 324px;

margin-top: -10px;

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrXgRVHPf5EkTPCMGWifWmHoMIjDbM0sE_axNTubArMzGts_gS22s1C746ktpENapSncptTOaB92DxlSOncN0m8vUZwfALgkEWq1KmckyjlR8GO-UkI75wgG6kd9nZjjJ5X6I0PKRZkYo/s1600/Hand-Of-darkness01.png") no-repeat;

height: 369.5px;

width: 277px;

position: absolute;

opacity: 0;

}

#header-wrapper:hover .INheader1 {margin-top:-10px;opacity:1;

}

#header img{margin-left:auto;margin-right:auto}

• eittszz,,jangan save dulu! , masukan kode berikut tepat di bawah kode <header id='header-wrapper'> atau sejenisnya

<div class='INheader'/>

<div class='INheader1'/>

• pritinjau dlu ,ada yng eror tidak , kalo kgk ada yang eror baru disave :)

semoga bermanfaat sob :)

trimakasih wassalamu'alaikum.wr.wb :)