Tutorial: Fixed and floating header

//Assalamualaikum\\

Biasa kita nampak header macam ni ada dekat blogskin dengan tumblr je kan? So bila dah macam tu, I think I want to do it like that but without changing my template. The only way to do it is like tutorial below.

Note: I'm using Simple Template, so I'm not sure if this tutorial can work with other template.

STRICTLY NO RE-POST OR RE-TUTORIAL

1. Dashboard > Template > Edit HTML
2. Open <b:skin>•••</b:skin>
   Tahu kan macam mana nak open supaya boleh nampak anak-anak code untuk blog tu? Hehe
3. Ctrl + F and find
   /* Header
4. Dekat bawah tu kau orang boleh nampak ada code .header-outer {
5. Copy code di bawah
   position:fixed; z-index:200; background-color: #fff;
   margin-top:-40px;
6. Dan past kan di bawah .header-outer {
7. Kau orang boleh adjust nombor yang berwarna merah itu mengukut kesesuaian header kau orang. Tak nak la sampai tutup title post pula, kan?

Then you're done. Good luck :)