Como colocar barrinhas fofas no blog - Topo, Rodapé, Direita e Esquerda

Hooy gente, eu aprendi a como colocar barrinhas liindas no blog, e olha que legal, você não precisa fazer a barrinha, é só colocar o url do background, que ele mesmo grande fica do tamanho certo, vamos ao tuto ???
Se você está participando do cocnurso Perfect Day, não esqueça de cumprir a 2° gincana clicando aqui.

Exemplo de como vai ficar :
(clique para ampliar) Print retirado por mim do blog Extras For You.

Bora lá ???
Para adicionar a barrinha no topo do blog, vá em Design, Adicionar um Gadget , HTML / JavaScript, e adicione o seguinte código :

<div style=" background-image: url(AQUI O URL DO BACKGROUND); top: 0px; left: 0px; width: 100%; height: 15px; z-index: 100; webkit-box-shadow: 0 0 1em #A7A7A7; box-shadow: 0 0 1em #A7A7A7; border-top: 2px solid #fff; position: fixed;"></div>

Para adicionar a barrinha no rodapé do blog, troque a parte em negrito no código (top) pela seguinte tag :

bottom

Para adicionar a barrinha no lado direito da tela, troque a parte em negrito no código (top) pela seguinte tag :

right

E para o lado esquerdo troque pela seguinte tag :

left

Obs, o código pronto está com a barra no topo.

Bjoo espero ter ajudado, bjoos!!!
.