Cara membuat gambar berganti-ganti jika disentuh mouse seperti blog yondarkness

Cara membuat gambar berganti-ganti jika disentuh mouse seperti blog yondarkness

gimana sih membuat gambar berganti diheader blog seperti blog yondarkness . . mau tau ini dia

pasang kode berikut di bawah kode #header-wrapper (pokok nya di mana aja asal nggak heng,pkoknya atur sendiri lah yg penting harus di tengah2 kode <b:skin>----</b:skin>)

#dmhwidgetl{float:right;margin-top:-225px;margin-right:445px;width:300px;height:150px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:3px solid #006acc;padding: 10px 10px 10px 30px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvNlWN75tjBfOxbzzDnCriWVdgXSiUo79EHs79I9DvIX2oWrPWQxx5evG0aCL_MuXKHg7n88ptjZAnwrqA5erz_JLWzmYzJXgp29JWkQ2hdK1DBWke1Fv-IQZgEWaX4EoiNxuEJhxlKPUM/s1600/Untitled-1.png);font-family: 'Black Ops One';font-size:20px;}
div.SCheader {
-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:405px;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirIt6vY9TgekLGgijsZYxcycaUpKb_yRTi0niCPNyE9-4HAMn-H2r324i-JnTtIASsVCP6nLAj7J3FjEU7n_SdGyq7WtdWPJ5cPDT1QKwrRqbBmIlvON20pfGld9g3WtxuwNY3qmZuvFU/s1600/Hand-Of-darkness.png") no-repeat ;
height: 369.5px;
width: 277px;position:absolute;
}
#header-wrapper:hover .SCheader {margin-top:-10px;margin-left:405px;
margin-left: 510px;opacity:0;
}
div.SCheader1 {
-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:405px;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfgPbqL0RRHTAegc7aWmUrTqP20Ey9GFejK3diuoDCXkXZl7ZigD__nYrO2-Vqpx6V8IWE4Aomx3nKdACMuTbR6XKmlTpdmMJ6QFXVYLM_wuth6COGO077WPhmV8SQRuNBrK0pPSEMas4/s1600/Hand-Of-darkness01.png") no-repeat;
height: 369.5px;
width: 277px;position:absolute;opacity:0;
}
#header-wrapper:hover .SCheader1 {margin-top:-10px;margin-left:405px;
margin-left: 510px;opacity:1;
}
#header img{margin-left:auto;margin-right:auto}

• ganti kode berwarna dengan gambar yang kalian inginkan

lalu anda cari code <div id='header-wrapper'> nggak anda cari code
<div id='header'>,nggak ketemu juga anda cari kode yg mirip seperti itu ok


lalu masukan code ini dibawahnya
<div class='SCheader'/>
<div class='SCheader1'/>

 berikut gambar yang dapat anda gunakan
versi biru


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirIt6vY9TgekLGgijsZYxcycaUpKb_yRTi0niCPNyE9-4HAMn-H2r324i-JnTtIASsVCP6nLAj7J3FjEU7n_SdGyq7WtdWPJ5cPDT1QKwrRqbBmIlvON20pfGld9g3WtxuwNY3qmZuvFU/s1600/Hand-Of-darkness.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfgPbqL0RRHTAegc7aWmUrTqP20Ey9GFejK3diuoDCXkXZl7ZigD__nYrO2-Vqpx6V8IWE4Aomx3nKdACMuTbR6XKmlTpdmMJ6QFXVYLM_wuth6COGO077WPhmV8SQRuNBrK0pPSEMas4/s1600/Hand-Of-darkness01.png


versi merah

 https://sites.google.com/site/maencit/gambar/Oriezt-.png


https://sites.google.com/site/maencit/gambar/Oriezt-Devil.png

sumber; template blue and red madness   deblizer

Sumber : http://naldohatake.blogspot.com/2013/10/cara-membuat-gambar-berganti-ganti-jika.html#ixzz3jMBrfHMm