• Deidara Ryujinki™ | Art Is A Creativity
  • Deidara Ryujinki™ | Art Is A Creativity
  • Deidara Ryujinki™ | Art Is A Creativity
  • Deidara Ryujinki™ | Art Is A Creativity
Deidara Ryujinki™ | Art Is A Creativity Deidara Ryujinki™ | Art Is A Creativity Deidara Ryujinki™ | Art Is A Creativity Deidara Ryujinki™ | Art Is A Creativity Deidara Ryujinki™ | Art Is A Creativity Deidara Ryujinki™ | Art Is A Creativity Deidara Ryujinki™ | Art Is A Creativity
-HEADLINE NEWS-
Join This Site
S-C Guest Book
XkresssX Technology Is Valid HTML5
momis

Recent Comment

Cara Membuat Gambar DiHeader Bergeser dan Berubah Pada Di Sorot Cursor pada Blog

Posted by : Agung DeidaraRyu Minggu, 05 Mei 2013

1. Login ke blogger 
2. Masuk ke template
3. Edit HTML
4. Cari kode ]]></b:skin>
5. Letakan kode dibawah ini diatas kode ]]></b:skin>

div.MCheader {
-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:5px;margin-left:405px;
background: url("https://sites.google.com/site/maencit/gambar/Oriezt-.png") no-repeat ;
height: 369.5px;
width: 277px;position:absolute;
}
#header-wrapper:hover .MCheader {margin-top:5px;margin-left:405px;
margin-left: 510px;opacity:0;
}
div.MCheader1 {
-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:5px;margin-left:405px;
background: url("https://sites.google.com/site/maencit/gambar/Oriezt-Devil.png") no-repeat;
height: 369.5px;
width: 277px;position:absolute;opacity:0;
}
#header-wrapper:hover .MCheader1 {margin-top:5px;margin-left:405px;
margin-left: 510px;opacity:1;
}
#header img{margin-left:auto;margin-right:auto}
6. Cari Kode <!-- start header-wrapper -->
Lalu kalian Letakan Kode dibawah ini tepat di bawah kode <!-- start header-wrapper -->

<div class='MCheader'/>
<div class='MCheader1'/>
</div>
7. Selesai - Simpan Template

NB : Ganti Text Yang Berwarna MERAH Dengan URL Gambar Kalian Sendiri!!!


Sumber Artikel : http://maen-cit.blogspot.com/2013/06/cara-membuat-gambar-diheader-bergeser.html#ixzz2ZfldkOaj

Semoga Bermanfaat.

  • »
  • »
  • Cara Membuat Gambar DiHeader Bergeser dan Berubah Pada Di Sorot Cursor pada Blog

Leave a Reply

Subscribe to Posts | Subscribe to Comments