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

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.

0 komentar:

Syarat Berkomentar :

-Coment yang sopan !!
-Tidak mengandung kata2 Negatif.
-Dilarang Menghina dll.

Salam DND Ryujinki (^_\ \

Recent Comment