Barra de Funções no Topo do Blog

lv, louis vuitton, amazing, america

Olá amores! Tá todo mundo na expectativa pro ano novo aí? Depois me mostrem os looks hein? Haha! Hoje vou ensinar a fazer esta barrinha que uso no topo do blog, a pedido das donas do blog Diva Sarcástica, que a propósito, recomendo muito! Clique em Leia Mais para conferir. 


A barrinha que eu falo, é esta aqui:


É tudo bem mais fácil do que parece. Você precisa precisar desse tutorial:

 Dois Backgrouns No Blog (O link abre em outra aba).

No primeiro background, você deve fazer a barrinha lá no topo. Ok?

Instale os mesmos.

Agora, vamos mexer no css, vá para Modelo > Editar HTML

Procure por: ]]></b:skin>

Cole antes dessa tag:

#barra {
margin-top: -200px;
}

O que está em roxo, você troca pelo tamanho que deixará os links no lugar exato.

Salve e vá para Layout. Adicione um gadget HTML/JavaScript, logo acima da área das postagens.

Nele cole:

<div id="barra">
Aqui o que você quer colocar na sua barra (links, imagens, blá blá)
</div>

Recomendo que para tudo ficar organizado como o meu, você use esse outro tutorial aqui:


Na minha eu usei uma imagem, links normais, um menu suspenso e uma barra de busca.

Sim, eu sei foi uma gambiarra que eu fiz não é? Mas deixa tudo mais profissional eu acho k

Espero que tenha respondido das dúvidas aí, e que seja útil para vocês também ^^

Até o próximo post!