Personalizando Layouts (Blogger) - Parte 1
14:20
Olá meninas (ou será que tem algum menino?)
3 - Escolha o modelo VIAGEM TRAVEL ROXINHO.
4 - Depois disso, personalize o blog, levando em consideração alguns itens:
- Coloque o plano de fundo de cor (não coloque imagem). Depois ensino a vocês a colocar plano de fundo com imagem, ok?
- Ajuste as larguras dos posts, da forma que você quiser. (agora é a hora, se for fazer isso depois vai ser ruim).
- Quando passar o item 'Plano de fundo da barra lateral', deixe os dois transparente.
Enfim, Tudo o que der pra você editar aí, edite.
Depois das edições, o eu lay ficou assim:
5 - Vamos agora retirar esse fundo transparente da barra lateral. Você pode deixar a barra lateral com a cor do fundo ou trocar a cor, vejamos.
Devido a pedidos e dúvidas, vou começar uma serie de posts sobre html, dicas, personalização etc. Html pode parecer complicado mas nem é tanto, mas tenha em mente e compromisso que você vai até o final e deixar o layout mais parecido possivel do jeito que você quer. Três palavras para isso: CRIATIVIDADE, ATENÇÃO E PACIENCIA. Se você tem os 3, você consegue.
Não sou especialista em html, mas o que eu sei posso ajudar a vocês. Sei que na internet temos muitos posts sobre isso, só que resolvi fazer o meu, tentando ser mais clara possível pra que vocês entendam e consigam fazer, fazendo do jeito que sei.
Então, mãos a obra!
1- Primeiro, você vai entrar na sua conta do blogger e criar um blog qualquer pra ser o "Teste", criei um com nome doidão, hehe.
2 - Adora vá em Modelo > Personalizar .
2 - Adora vá em Modelo > Personalizar .
3 - Escolha o modelo VIAGEM TRAVEL ROXINHO.
4 - Depois disso, personalize o blog, levando em consideração alguns itens:
- Coloque o plano de fundo de cor (não coloque imagem). Depois ensino a vocês a colocar plano de fundo com imagem, ok?
- Ajuste as larguras dos posts, da forma que você quiser. (agora é a hora, se for fazer isso depois vai ser ruim).
- Quando passar o item 'Plano de fundo da barra lateral', deixe os dois transparente.
Enfim, Tudo o que der pra você editar aí, edite.
Depois das edições, o eu lay ficou assim:
Retirando ou trocando fundo transparente
da barra lateral.
6 - Volte pro blogger, vá em Modelo > Editar html. Aperte Ctrl + F e procure por
main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
Se você quer deixar a barra lateral da cor do fundo, apague aonde está com fundo azul claro.
Se você quer trocar a cor da barra lateral por outra, apague e coloque o código da cor.
Eu deixei branco, como na figura, e o código da cor branca é #ffffff
Retirando Atribuições do blogger
7 - Atribuição é que fica em baixo, no rodapé do blog. Para retirar, vá em Modelo > Editar HTML > Ctrl + F e procure pelo código:
<b:section class='foot' id='footer
Certifique-se de que aparecer como na imagem abaixo.
8 - Agora é super simples. Onde está escrito ''no'' você troca por ''yes''
E onde está escrito ''true'' voce troca por ''false''.
9 - Agora procure por:
.footer-inner {
E apague onde está de azul, como mostra a figura abaixo.
9 - Não vai mudar nada ainda. é preciso que você vá em Layout e aonde está o Gadget de Atribuição (lá em baixo). Você clica e exclui. Esqueci de tirar print mostrando aonde é, mas acho que vocês devem saber né? Tirei o print depois de ter tirado a Atribuição, mas é nessa tela ai ó, o gadget fica abaixo.
Veremos então o resultado do nosso blog até agora:
E aí, gostaram? Conseguiram?
É muita coisa pra fazer, por isso vou fazer outros posts continuando, se não ficaria muito grande. Se você quer continuar me fala por comentários, que assim que eu postar o resto te aviso ok!?
Espero que tenham gostado!
Beijos.
2 Comentários
Ficou bem explicadinho. Vou fazer no meu p/ ir aprendendo com vc! Aguardo o proximo post !!
ResponderExcluirBeijo
giihflore.blogspot.com
Ficou muito bom Shai... bem explicadinho mesmo.
ResponderExcluirContinua os posts.. quero aprender pra fazer o meu *-*
Beeijo flor.
ritacolatino.blogspot.com