Thursday

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(http://1.bp.blogspot.com/-ht1JCysad2c/UMH4tNvLHEI/AAAAAAAAA_Y/3tcLVAxjsj4/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("http://2.bp.blogspot.com/-01PuUkORn9o/UhnKqtK_1xI/AAAAAAAAAN0/Y_3P3mN5igU/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("http://2.bp.blogspot.com/-UwCyXvkD22Q/UhnKqposzlI/AAAAAAAAAN4/AXxis80Rw2A/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


http://2.bp.blogspot.com/-01PuUkORn9o/UhnKqtK_1xI/AAAAAAAAAN0/Y_3P3mN5igU/s1600/Hand-Of-darkness.pnghttp://2.bp.blogspot.com/-01PuUkORn9o/UhnKqtK_1xI/AAAAAAAAAN0/Y_3P3mN5igU/s1600/Hand-Of-darkness.png


http://2.bp.blogspot.com/-UwCyXvkD22Q/UhnKqposzlI/AAAAAAAAAN4/AXxis80Rw2A/s1600/Hand-Of-darkness01.png http://2.bp.blogspot.com/-UwCyXvkD22Q/UhnKqposzlI/AAAAAAAAAN4/AXxis80Rw2A/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

Artikel Terkait

Cara membuat gambar berganti-ganti jika disentuh mouse seperti blog yondarkness
4/ 5
Oleh

1 comments:

Anonymous
15 October 2013 at 06:35 Delete

menarik yaa .. thanks . mantap

Reply
avatar