Criando um Layout #2

icon, korean fashion, asian fashion, cute, fashion, korean, girl, ulzzang

E aí gente tudo bem? Voltando aqui com o guia de criação de layouts, pois eu vi que muita gente gostou do post hein >< Então, clique em Leia Mais e confira!


Layout Base #2

O layout de base que eu trouxe para vocês hoje é o modelo mostrado na imagem abaixo, que separa tudo em caixinhas, bem popular no tumblr e blogger (mas este é só para blogger).





Agora, vamos aprender um pouco mais de personalização!

 3  ETAPA

  Personalizando Coluna Principal & Postagens  

Veja alguns tutoriais que você pode utilizar para este tipo de personalização:

 Personalizar e Organizar Rodapé do Post
 Personalize a Data do Blog
 Retirar Mensagem Mostrando Postagens com Marcador...
 Tags Marcadores, Autor e Comentários abaixo do Título do Post
 Padronizar Imagem do Post
 Personalizar "Leia Mais"
 Ocultar Links de Navegação (Início, Postagens mais antigas e Postagens mais recentes).
 Retirar o Sublinhado dos Links
 Plano de Fundo no Corpo Principal
Tutorial relacionado:
 Usar qualquer fonte no blog
 

Corrigindo Alguns "Erros" Comuns*

* Esses "erros" são encontrados no modelo Travel, que é o modelo usado nos Layouts Bases que foram oferecidos nesta postagem.


Manter estilo da fonte no título da postagem após o clique (Modelo Travel)


Exemplo:


Vá em Modelo > Editar HTML

Procure por este trecho:
/* Posts
----------------------------------------------- */
h3.post-title {
  margin-top: 5px;
}
h3.post-title a {
  font: $(post.title.font);
  color: $(post.title.text.color);
}
h3.post-title a:hover {
  text-decoration: underline;
}

SUBSTITUA tudo por:
/* Posts
----------------------------------------------- */
h3.post-title {
  font-family: Arial; /* Nome da Fonte */
  font-weight:bold; /* Fonte em negrito (retire se não quiser) */
  font-size: 26px; /* Tamanho da Fonte */
  color: #000000; /* Cor da Fonte */
}
h3.post-title a {
  font-family: Arial; /* Nome da Fonte */
  font-weight:bold; /* Fonte em negrito (retire se não quiser) */
  font-size: 26px; /* Tamanho da Fonte */
  color: #000000; /* Cor da Fonte */
}
h3.post-title a:hover {
  font-family: Arial; /* Nome da Fonte */
  font-weight:bold; /* Fonte em negrito (retire se não quiser) */
  font-size: 26px; /* Tamanho da Fonte */
  color: #000000; /* Cor da Fonte */
  text-decoration: none;
}
.post h3 a:visited, .post h3 strong {
  font-family: Arial; /* Nome da Fonte */
  font-weight:bold; /* Fonte em negrito (retire se não quiser) */
  font-size: 26px; /* Tamanho da Fonte */
  color: #000000; /* Cor da Fonte */
}

Clique em  SALVAR  e confira se está tudo certo.

Tutorial de remoção ou correção de erros:
 Retirar o sublinhado dos links
 Resolver problema de barra lateral (sidebar) maior que coluna principal


  No próximo post do guia  

ESPECIAL: GADGETS
 Personalizando gadgets comuns do Blogger
 Instalando outros tipos de ferramentas (Postagens relacionadas, ASK.fm, Fashiolista etc.)

 E mais!  Layout Base #3: Donwload


Espero que estejam curtindo aí essa série de posts, eu logo volto com o terceiro ;D


Confira os últimos lançamentos deste guia:
 Criando um Layout #1