MASAHARU

     Kali ini MASAHARU akan share tentang cara membuat gambar header bergeser saat di sorot cursor. untuk mempersingkat waktu, langsung saja.

 Cara :
1. Login ke blog kalian.
2. Klik template.
4. Klik edit HTML.
5. Masukan kode di bawah ini diatas code ]]></b:skin>

div.SCheader {
-moz-transition: all 0.75s ease-in-out 0s;
background: url("http://i865.photobucket.com/albums/ab220/ulquiorra_21/Sasuke_Transparent.png") no-repeat;
margin: 0px;
position: absolute;
}
div.SCheader {
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 900ms ease-out;-moz-transition: all 900ms ease-out;-ms-transition: all 900ms ease-out;-o-transition: all 900ms ease-out;transition: all 900ms ease-out;
background: url("http://i865.photobucket.com/albums/ab220/ulquiorra_21/Sasuke_Transparent.png") no-repeat;
margin-left: 100px;
margin-top: 0px;
position: absolute;
height: 520px;
width: 540px;
}
div.SCheader :hover {
-webkit-transition: all 900ms ease-out;-moz-transition: all 900ms ease-out;-ms-transition: all 900ms ease-out;-o-transition: all 900ms ease-out;transition: all 900ms ease-out;
background: url("http://i865.photobucket.com/albums/ab220/ulquiorra_21/Sasuke_Transparent.png") no-repeat;
}
#header-wrapper:hover .SCheader {
margin-left: 400px;
}

 Keterangan :
Orange : URL gambar Kamu.
Kuning : Posisi Awal Gambar
Ungu : Ukuran Gambar Kamu
Pink : Posisi Akhir Gambar


6. Copy code dibawah ini di diatas code <div id='header-wrapper'>

 <div class='SCheader'/>

7. Lalu simpan template.

Suka dengan blog MASAHARU? Pasang banner MASAHARU di blog kalian! Jika kalian berniat memasangnya, caranya mudah. Cukup copy kode-kode di bawah ini lalu paste di tempat yang kalian inginkan. Berikut adalah macam-macam banner milik MASAHARU. Silakan pilih mana yang cocok untuk kalian pasang.

<a href="http://msr-hamada.blogspot.com/"><img src="
http://i1337.photobucket.com/albums/o670/tidak_diketahui1/MASAHARUBANNER_zps1aa12b08.jpg" height="60" width="468" title="Klick"/></a>

<a href="http://msr-hamada.blogspot.com/"><img src="

http://i1337.photobucket.com/albums/o670/tidak_diketahui1/88x31copy_zps28c8c37e.jpg

" height="31" width="88" title="Klick"/></a>

 Nah itulah banner banner MASAHARU. Sekian dari saya, kalo ada kesalahan, ane minta maaf ya.