♦ Tutorial ~ Como Colocar Barrinha no Rodapé

Hey Rilakkumas, tudo bem?

Viram o vídeo da lovelly? Eu vi e adorei, fiquei com uma invejinha e estou com vontade de fazer o meu, mas eu tenho vergonha e não sei o que fazer, talvez possam mandar algumas perguntas para mim. Vai que eu faço o vídeo e vocês e conheçam? Se gostar farei frequentemente.

Então, querem me ajudar ou me conhecer?

Eu também estava pensando em fazer em layout para download, mas como eu ainda não entendo muito disso resolvi atrasar um pouquinho. Caso eu consiga, o layout será esse. Mas claro que com outro cabeçalho néh.

Ta bom, agora vamos ao tutorial, Como Colocar Barrinha no Rodapé.

exemplo

 Primeiro vou passar os créditos para o blog Mundo Cute, pois foi lá onde eu aprendi esse tutorial.

No painel do seu blog vá em:

Modelo >> Editar Html >> Prosseguir

Aperte Crtl + F e coloque esse código.

]]></b:skin>

Em cima dele cole esse código

#footer-wrapper {
background: #efe4d6 ; /*** cor do fundo ***/
background-repeat: no-repeat;
z-index: 1000;
height: 20px; /*** Altura da barra ***/
clear: both;
font-size: 90%; /*** tamanho da fonte ***/
color: #fff; /*** cor da fonte ***/
text-align: center; /*** alinhamento da fonte ***/
padding: 5px;
}

Visualize e se estiver tudo certo salve.

Agora para aparecer a barrinha procure por:

</body>

E cole ACIMA dele esse código.

<div id='footer-wrapper'>ESCREVA AQUI O QUE QUISER QUE APAREÇA</div>

Visualize, se estiver tudo certo SALVE.

Pronto, até que é simples néh?

O tutorial já é auto-explicativo, mas se tiver alguma duvida pode me perguntar.

AQUI você encontra uma tabela de cores.

Bye bye