sábado, 16 de abril de 2011

Criando um rodapé para seu blog

Criando um rodapé para seu  blog

Acho difícil um template pronto que não tenha um rodapé, mas se você foi “privilegiado” com isso, vou ensinar como colocar um rodapé simples no seu blog, até por que, um bom template não pode faltar um rodapé para colocar algumas informações, como por exemplo, “Proibida qualquer cópia sem autorização ©” , “Tecnologia do Blogger” , “Template criado por…” e entre outras informações que ficam ao seu critério. Mais adiante ensinarei como colocar colunas no rodapé para a inserção de Gadgets/widgets.

Para colocar o rodapé no seu template, faça o seguinte:

1. Clique na aba “Design” – “Editar HTML”.

2. Em seguida dê um CTRL + F e procure por:

</body>

3. Acima dessa linha cole o seguinte código:

<center><div id='rodape'>
Aqui você pode colocar frases, imagens e links
</div></center>

4. Modifique a parte destacada de acordo com o que se pede.

5. Agora procure por:

]]></b:skin>

6. Acima dessa linha cole o seguinte código CSS:

#rodape {
width: 940px;
padding: 15px;
background: #606060 ;
border:1px dotted #888 ;
text-align: center;
color: #fff;
font-size: 12px;
}

7. Modifique as seguintes partes destacadas:

Negrito: Tamanho da largura do rodapé em pixels.
Vermelho:
Cor do fundo do rodapé.
Rosa: Cor da borda.
Azul: Cor da letra.
Verde: Tamanho da letra.

Caso entenda bem de CSS, você pode acrescentar outras códigos no CSS.

8. Salve o Modelo e veja como ficou.

Marcadores: , , ,

4 Comentários:

Às 27 de abril de 2011 18:31 , Blogger William disse...

1 dos erros graves que os blogeiros cometem é o erro de Ortografia

Mas muito bom post, valeu a pena

 
Às 27 de abril de 2011 22:31 , Blogger Códigos Blogger disse...

@William Concordo com você, isso não tem como evitar, as vezes até passa despercebido pela gente, mas mesmo assim, obrigado pelo toque.

 
Às 18 de outubro de 2011 12:41 , Blogger BRASILPOLSKA & KACZMARSKA FAMILY disse...

nÃO FUNCIONOU MEU CARO

 
Às 2 de novembro de 2011 19:17 , Blogger Jhonatan Cordeiro disse...

funciona sim

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial