Big Tutorial : Cortininhas no Blog

Oi amores ♥

Bom, como vão? Aqui no Rio de Janeiro está um calor insuportável e esse horário de verão acabando comigo,  mas esse bendito horário de verão, é como se eu acordasse 7 horas da amanhã .

Mas enfim, eu trago um tutorial muito pedido pela a ASk do blog (www)  e que eu sempre esquecia de postar e confesso que eu tinha ciúmes desse tutorial, não vai precisar fazer cortinha na imagem e nem nada, tudo é HTML. Podem reblogar sim, mas com créditos, não foi fácil fazer viu ? Vamos ver?

Clique em mais informações por favor .

 1- Primeiro vá em seu HTML, dê um CTRL + F e procure por:

]]></b:skin>

Acima de ]]></b:skin>, cole o seguinte código:

.cortininhatopo{background: #COR ; /* cor de fundo da cortinha */top: 0px;border-bottom: 3px solid #cor; /* estilo, espessura e cor da borda */position: fixed;left: 0px;width: 100%;height: 25px;z-index:50;}.cortininhadebaixo{background: #cor; /* cor de fundo */width: 100%;height: 25px;z-index: 100;border-top: 2px solid #cor; /* estilo, espessura, cor da borda */position: fixed;bottom: 0px;left: 0px;}

Para aumentar ou diminuir a largura da cortininha, mude o valor somente no height: 25px; marcado em negrito acima.

2- Agora vá para Layout, adicione um gadget HTML/JavaScript e cole o seguinte código:

<div class="cortininhatopo"></div><div class="cortininhadebaixo"></div> 

Salve.

Pronto, gostaram amores, até  ♥