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

By : Naldo hatake 1 Comment

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
Naldz Harry Hatake

Author :

Anda Baru Saja Membaca Artikel Tentang Cara membuat gambar berganti-ganti jika disentuh mouse seperti blog yondarkness ,Anda Boleh Menyebarluaskan / Mengcopy Paste Artikel Cara membuat gambar berganti-ganti jika disentuh mouse seperti blog yondarkness Ini Jika Bermanfaat Buat Anda , Namun Saya Mohon Untuk Mencantumkan Link Cara membuat gambar berganti-ganti jika disentuh mouse seperti blog yondarkness Sebagai SumberNya Dan jangan Lupa Berikan Komentarnya. Terimakasih atas kunjungannya kalian baru saja membaca artikel berjudul Cara membuat gambar berganti-ganti jika disentuh mouse seperti blog yondarkness
.
Share Artikel

Artikel Terkait

1 comments:

menarik yaa .. thanks . mantap

-----------GUNAKAN GOOGLE CROME UNTUK TAMPILAN MAKSIMAL BLOG INI-----------

Berikan Comentarnya ya Gan, :)
--Berkomentarlah yang Relevan
--Berkomentar dengan bahasa yang baik dan benar
--Dilarang membuat rusuh [-(
--Dilarang meletakan LINK aktif [-(
--Dilarang meletakan link porno/iklan [-(
--Boleh meletakan Link non aktif selama tidak menyalahi aturan :-)
--Jika ingin dikunjung/komentar balik(yang sebelumnya belum ada perjanjian) harap sertakan link non aktif

---Terimakasih Telah Berkunjung Dan Komentarnya

“Selamat Datang DiBlog Naldo Hatake”
Saya Naldz Harry Hatake selaku Admin disini mengucapkan TerimaKasih Kepada agan Yang telah berkunjung keblog Sederhana Ini, "Semoga Pada Artikel yang akan Agan baca dan simak bisa bermanfaat untuk agan", "Pastikan anda menggunakan GOOGLE CROME agar tampilan tidak kacau"
"Jangan lupa berikan comentarnya YA :)"

Lanjutkan →