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/AVvXsEjE9WibAuEJm5kaQZ6Qe8ck_foF3xf5IdkmOesC0_gEdy6TrO-_E5a7CW0W2TsESjrn0QJQ6YouR_h4JhKxOA9ecD4FI49qCCRL5lbcnkdF1IeeymsRr1dgCscV_YPSyYA-O3K8eSZOUW7t/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/AVvXsEiexIa-wpGH77vzKCNeLG3gmRBmQPDIkHct9yGzDdFxseY5t6NNujHTo5YIquqQxB6tO0GGcGiQg0kYpvVegMb-pgcT-Fb-XsEXFaa8XfpZ8PS2jFeoyFO8prlROJIk8ufTsBrLUhZdEy0/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/AVvXsEjUmz2grMcbYwIoI6Aa8oPxBm0kAmYH2J7G63ht7YI5CpiCyJT4-f9p5CdtOOobA_wFaWOy06ZQ2o81CZ9G9SnUXBAG-Rq46YSghc-poO2rFGhOKq33NZ9_psyMY2gi2U5eFNyy_yNMuQU/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/AVvXsEiexIa-wpGH77vzKCNeLG3gmRBmQPDIkHct9yGzDdFxseY5t6NNujHTo5YIquqQxB6tO0GGcGiQg0kYpvVegMb-pgcT-Fb-XsEXFaa8XfpZ8PS2jFeoyFO8prlROJIk8ufTsBrLUhZdEy0/s1600/Hand-Of-darkness.pnghttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiexIa-wpGH77vzKCNeLG3gmRBmQPDIkHct9yGzDdFxseY5t6NNujHTo5YIquqQxB6tO0GGcGiQg0kYpvVegMb-pgcT-Fb-XsEXFaa8XfpZ8PS2jFeoyFO8prlROJIk8ufTsBrLUhZdEy0/s1600/Hand-Of-darkness.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUmz2grMcbYwIoI6Aa8oPxBm0kAmYH2J7G63ht7YI5CpiCyJT4-f9p5CdtOOobA_wFaWOy06ZQ2o81CZ9G9SnUXBAG-Rq46YSghc-poO2rFGhOKq33NZ9_psyMY2gi2U5eFNyy_yNMuQU/s1600/Hand-Of-darkness01.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUmz2grMcbYwIoI6Aa8oPxBm0kAmYH2J7G63ht7YI5CpiCyJT4-f9p5CdtOOobA_wFaWOy06ZQ2o81CZ9G9SnUXBAG-Rq46YSghc-poO2rFGhOKq33NZ9_psyMY2gi2U5eFNyy_yNMuQU/s1600/Hand-Of-darkness01.png


versi merah

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


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

sumber; template blue and red madness   deblizer
1 Komentar untuk "Cara membuat gambar berganti-ganti jika disentuh mouse seperti blog yondarkness"

menarik yaa .. thanks . mantap

 
Copyright © 2014 Naldo Hatake - All Rights Reserved
Template By Catatan Info Di Design Ulang Naldz Harry Hatake