Cara membuat Header bergeser saat di Klik

 
 

1.  Login ke Blogger kalian .
2. Trus Masuk ke Template.
3. Jgn Lupa beri centang pada Wxpand Template Widget

Cari Kode ]]></b:skin> pastekan kode di bawah ini tepat di atas kode tadi

div.SCheader {

-moz-transition: all 0.75s ease-in-out 0s;

background: url("#") 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("#") 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("#) no-repeat;

}

#header-wrapper:hover .SCheader {

margin-left: 400px;

}

 keterangan :

• atur (#) dengan alamat Gambar yg sudah ada .
• Selanjut nya atur sendiri 

4. Sekarang kita aktivkan Css nya, Sekarang cari kode  <div id=' header-wrapper '>

5. Jika sudah ketemu Pastekan Kode di bawah ini Tepat di bawah kode <div id=' header-wrapper '>

 <div class=' SCheader '/>

6. Kemudian Simpan/Save Template . SELESAI

Smoga Bermanfaat .