05 outubro 2016

✰✰ Como Personalizar Medidas do Blog - Altura e Largura ✰✰

Oi gente!
Hoje eu to bem empolgada, algumas novidades me fazem ficar assim, cheia de animo e idéias, mas isso é assunto para outro post.
 E para este post eu produzi um vídeo que deixa tudo bem esclarecido.     Leia Mais 


Agora que quero falar sobre como você personaliza as medidas do seu blog, a sim, claro, a Blogger, (é o blogger ou a blogger?), te dá a opção de estruturar isso.

Mas na grande maioria, os Templates são personalizados e esta ferramenta fica indisponível, mas e então, como fazer? É isso que eu explico nesse vídeo   , vem ver:
   Para acompanhar os videos você precisa baixar o Template Minima do Blogger:
   Sobre a primeira parte do vídeo onde eu falo a respeito de como colocar banner no blog, pelo Layout do blogger, ja fiz uma postagem e você pode ver aqui 
   Agora para colocar o Banner através do HTML, você precisa entrar no : ☛ Modelo, HTML ☚  e dentro do código você clica CTRL+F e pesquisa por: outer-wrapper{ , e depois da chave você procura por : width , que significa largura, e ali você determina a largura do corpo do seu blog.
   É importante que você sempre mantenha esta medida bem configurada, pois é dentro dele que fica todos os componentes do blog.
Depois você procura por : header-wrapper{ , e da mesma forma você ajusta a medida de width: ;
   Para alterar a medida de altura, dentro das mesmas formatações : outer-wrapper e header-wrapper, você procura por height: caso não tenha é possível incluir o código.
   É importante lembrar que cada formatação é fechada por ; (ponto e virgula), caso não seja feito, nao funcionara.
 
   Então, segundo a nossa série Faça Seu Template, segue códigos usados;

Configurando medidas do Header-Wrapper

#header-wrapper {
  height: 260px;
  width:1100px;
  margin:0 auto 10px;
  }

Configurando medidas do Outer-Wrapper


#outer-wrapper {
  width: 1100px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

 Cada um dos parágrafos devem ser substituídos por suas versões dentro do template.

Seria bom ver o primeiro vídeo, para entender melhor dos códigos:


Para ter mais detalhes, veja o vídeo.
Espero ter ajudado, até a próxima.

Nenhum comentário:

Postar um comentário