Tutorial: Barrinha/Cortininha fixa no topo da página

Bom dia leitoras, infelizmente, eu estou na escola só aqui mesmo para postar KKK'

Enfim, finalmente, recebemos mais um pedido na ask! Obrigada ^^

E á pessoa havia pedido um tutorial de como colocar barrinha no lugar da navbar.

Eu não uso á navbar e talvez eu faça um mini-tutorial de como retira-la, mas enfim, vamos ver o tutorial?

É bem fácil!

1º Vá em layout e crie um gadget de HTML/Javascript  

2º Cole no gadget de acordo com sua preferência:

 Cortininha do lado Direito:

<div style=" background-image: url('LINKDACORTINA'); top: 0px; right: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>

 Cortininha do lado Esquerdo:

<div style=" background-image: url('LINKDACORTINA'); top: 0px; left: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>

  Cortininha no Topo:

<div style=" background-image: url('LINKDACORTINA'); top: 0px; left: 0px; width: 100%; height: 50px; z-index: 100; position: fixed;"></div>

Cortininha Abaixo:

<div style=" background-image: url('LINKDACORTINA'); bottom: 0px; left: 0px; width: 100%; height: 15px; z-index: 100; position: fixed;"></div>

Por enquanto é só, não se esqueçam de fazer seus pedidos! E espero que vocês tenham gostado!

Créditos: (WWW)