Cara membuat Header bergeser saat di Klik

1.Login blogger Kalian.2. Trus Masuk Ke Template.3. jangan Lupa beri centang pada Expand Template WidgetCari 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 # nya dengan alamat yang gambar yang sudah ada"SELANJUTNYA ATUR SENDIRI :P"
4.oke sekarang kita aktifkan cssnya,Sekarang Cari kode

<div id='header-wrapper'>
5. Pastekan Kode Di bawah ini Di Bawah kode Di atas

<div class='SCheader'/>