#Big tutorial: Fazendo um template.

A pedido da leitora Bianca, hoje vou fazer o 1º #Big tutorial do Viih's Place! Hoje vocês vão aprender a fazer um template, de um jeito bem explicadinho. Clique em Continuar Lendo para ver todo o post:

#Big tutorial

PARTE 1: MODELO, LARGURA E BACKGROUND

1. Faça login no Blogger, e vá para Design> Designer do modelo.
2. O Designer do Modelo abre logo nos modelos do Blogger, então aproveite e escolha o modelo Viagem (Travel):

3. Agora, embaixo dos modelos (Celestial, Janela de Imagem, Viagem, etc.), você vai ver uma barrinha com vários estilos do Viagem. Escolha o segundo:

4. Agora vá para a aba Plano de fundo:

5. Embaixo do background atual, clique em 'Remover imagem':

6. Na janelinha que aparecer, aperte Ok:

7. Onde era o background, ficou assim:

8. Clique nessa imagem.
9. Na janela que abriu, você clica em Fazer upload da imagem:

10. E clique em Escolher arquivo:

11. Agora você vai achar o background no seu computador.
12. Depois que o background aparecer, clique em 'Aplicar ao blog':

13. E depois vá para a abar Ajustar larguras:

14. Ajuste tudo como no print:

15. Clique em Aplicar ao blog, e logo depois em <<Voltar ao Blogger:

PARTE 2: REMOVENDO A NAVBAR

A navbar é uma coisa que a maioria dos blogueiros não querem, porque além de ser feia , quase não dá para ver o background de cima. Então aí vai o tutorial para remover a navbar:

1. Tecle Ctrl F e procure por:

]]></b:skin>

2. Logo antes desse trecho, cole esse código:

#navbar-iframe { height: 0px; visibility: hidden; display: none; }

3. Salve.

PARTE 3: A SIDEBAR

Bom, agora vamos cuidar da sidebar, colocar um fundo nela, organizar os gadgets e tal, para dar um #up no blog.

1. Volte para os Elementos da página.
2. Adicione os gadgets que desejar, se quiser faça os títulos personalizados, e quando terminar salve.
3. Agora vá para Editar HTML. Tecle Ctrl F e procure por:

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

(Para a sidebar do lado esquerdo)

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

(Para a sidebar do lado direito)

4. Depois que achar, você vai deletar essa parte do código:

5. No lugar do código que você apagou, cole isso:

url(URL DA IMAGEM) repeat;

6. Depois salve.

Quer colocar o hack [Responder Comentário]? Clique aqui.
Clique aqui e veja como colocar uma imagem fixa na lateral do blog.
Veja aqui como colocar o efeito 'Arco-irís' nos links do seu blog.
E clique aqui para aprender a mudar o favicon sem mexer com HTML!