Oi gente! <3
Mesmo não sendo profissional, eu adoro Web Design. Vivo "improvisando" meus layouts. E hoje, eu vim compartilhar algumas dicas que ajudam muito à resolver aqueles probleminhas na hora que você tá fazendo o seu layout. Confesso que uso muito essas dicas e vai ser muito úteis para vocês também. Vamos conferir?
Apagar o cabeçalho
Essa dica é super simples. Às vezes a gente quer colocar o título do blog com uma fonte diferente ou junto ao fundo do blog, mas não dá para colocar porque o cabeçalho padrão do blog não sai. Eu vim trazer um passo a passo super fácil para resolver esse problema.
1 - Vá em modelo >> editar HTML >> Tecle Ctrl+F
2 - Na caixinha de busca que aparecer, digite:
.header-inner {
3 - Abaixo desse código, você cola:
display: none;
4 - Salve o modelo e pronto!
Apagar Atribuição do Blogger
A atribuição nada mais é do que aquele créditos ao blogger automático que fica escrito assim: "Tecnologia do Blogger". Esse textinho não é nada demais, mas tem gente que prefere colocar no rodapé do blog assim como eu. Para remover tem que fazer algo parecido com o que eu fiz para remover o cabeçalho.
1 - Vá em modelo >> editar HTML >> Tecle Ctrl+F
2 - Na caixinha de busca que aparecer, digite:
#Attribution1 {
3 - Abaixo desse código, você cola:
display: none;
4 - Salve o modelo e pronto!
Colocar ícone ao lado dos marcadores
Os ícones ao lado dos marcadores são bastante usados em layouts vendidos por Web Designers, pois eles complementam o layout dando um toque mais profissional e explicativo.
1 - Vá em modelo >> editar HTML >> Tecle Ctrl+F
2 - Na caixinha de busca que aparecer, procure por ]]> e acima disso cole:
.post-labels {
background:url(url do ícone) no-repeat left center;
padding-left:20px; /*Largura da imagem/*
}
Ícones por: Cherry Bomb
3 - Visualize e salve!
Isso é bastante importante para manter as postagens bem organizadas, melhora muito a aparência do seu blog.
2 - Na caixinha de busca que aparecer, procure por ]]> e acima disso cole:
3 - Visualize e salve!
Padronizar tamanho das imagens dos posts
Isso é bastante importante para manter as postagens bem organizadas, melhora muito a aparência do seu blog.
1 - Vá em modelo >> editar HTML >> Tecle Ctrl+F
.post img {
max-width: 500px; /*Largura das imagens/*
height: auto;
}
Atenção: Só mude o que está em amarelo!
3 - Visualize, ajuste e salve!
Leia mais em imagem
A imagem no leia mais é um detalhe simples mas que dá uma boa mudança e traz aquele ar de profissional ao seu blog.
1 - Vá em modelo >> editar HTML >> Tecle Ctrl+F
<p align='right'><a expr:href='data:post.url'><img src='url da imagem aqui'/></a></p>
3 - Salve e faça o teste!
Prontinho, 5 dicas fáceis e úteis que vocês agora sabem! Se gostou, comente aqui para eu fazer mais posts desse tipo, e também deixe a sua sugestão de tutoriais para eu ensinar à vocês.
Beijos! 
Nenhum comentário:
Postar um comentário