1 de jan. de 2014

Criando um layout simples .

fuck music | via Tumblr 
Oi :3
Esse de fato é o primeiro post de 2014 :3 , eu tava com vontade de postar alguma coisa, e eu também estava fazendo um layout free que já está pronto mas eu não pretendo disponibilizar agora , aí eu tive a ideia de fazer um tutorial sobre como fazer um layout simples >< , e vamos logo ao tutorial por que esse inicio de post ficou horrível . Clica em Leia Mais por que esse post vai ser longo ..

1° passo - Modelo > Personalizar > Escolha o modelo Travel ( Viagem ) .
Mude o fundo da área de postagem e salve .
2 ° Passo : Retirar as bordinhas de folha de papel .
Modelo > Editar HTML > CTRL + F .

Procure por :

 .content-outer .content-cap-top {

                           Agora apague SOMENTE O QUE ESTÁ DESTACADO .
Seu blog vai ficar assim :
 Agora vamos juntar a sidebar com a área de postagem , eu não acho isso muito legal mas a maioria das pessoas acham , então , procure por :
 .main-inner .column-right-inner {
E apague SÓ O QUE ESTÁ DESTACADO .
Visualize antes de salvar pra ver se está tudo certo . Agora vamos colocar o background no blog .
Modelo > Personalizar > Plano de Fundo .
Depois do background vamos colocar o cabeçalho .
Layout > Cabeçalho .
Seu blog vai ficar assim :
 Já tá começando a ficar bonito :3 
Mas como dá pra perceber o cabeçalho tá meio desalinhado .
Então vamos centralizar o cabeçalho .
Modelo > Editar HTML > CTRL + F , Procure por :
 <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
Antes desse código coloque  <center> e depois desse código coloque  </center> . E pronto , seu cabeçalho deve ficar assim :

Agora sim tá ótimo . Mas ainda tem essa navbar horrível aí no topo .
Pra tirar vai em Layout > Navbar >
Pronto :3
Agora vamos centralizar o titulo dos posts e dos gadgets .
Primeiro vamos centralizar o titulo dos gadgets .
Vai é Modelo > Editar HTML e procura por :

 .sidebar .widget h2 {
Abaixo desse código cole :
 text-align: center;
Vai ficar assim :  
Agora vamos centralizar o titulo do post .
Procure por :
 h3.post-title {
E abaixo desse código cole :
 text-align: center;
Vai ficar assim :

Pra finalizar, vamos colocar imagem no fundo dos comentários :3 ( não sei por que mas essa é a minha parte favorita , HSUAHSAUHSAUHSAU ) .
Procurem por :

#comments {
Novamente, substitua o que está grifado de rosa por :
 background: url(link da imagem de fundo) repeat;
Substitua o " link da imagem de fundo " pelo link da imagem que você quer colocar no fundo e depois salve .
Vai ficar assim :

 E o layout ficou assim :

Então foi isso gente >< espero que vocês tenham conseguido fazer tudo direitinho, é , eu sei que eu não sou lá muito boa explicando coisas pras pessoas mas eu tentei fazer o melhor que eu pude, eu vou deixar aqui embaixo alguns links pra vocês deixarem o layout de vocês ainda mais fofo .
Beijos ;* ;* ;*
Até a próxima :3



10 comentários:

  1. Tutorial bem legal serve como base,adorei o novo layout bem cute!
    Beijo
    6adolescentes.blogspot.com

    ResponderExcluir
  2. Adoreeeei ! Vai ajudar mt gnt ;)

    Feeeliz anoo novoo ! Que 2014 traga tds os sorrisos que 2013 nos roubou !

    vivendoforadeserie.blogspot.com
    Curte?
    https://www.facebook.com/pages/Vivendo-Fora-de-S%C3%A9rie/597833180254121

    ResponderExcluir
  3. Oii querida , Tudo bem ? Espero que sim , muito bom a ajuda que você deu as vezes cansa a gente só pegar templates , templates e mais templates , Obrigado , você Pode visitar meu blog ?
    Beijocas Isa !
    http://cinderelaerefinada.blogspot.com.br/

    ResponderExcluir
  4. Oi tudo bem com você? espero que sim! Bom eu queria perguntar se você aceita afiliação?

    Beijos adorei o blog ele é lindo !

    http://fofurasdegarotas.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Awwwwwwwwwn *-*
      Obrigada :3 , já te coloquei aqui .
      Beijos ;*

      Excluir
  5. Oi vim avisar que estou seguindo! Segue se gostar http://fofurasdegarotas.blogspot.com.br/

    ResponderExcluir

Antes de comentar leia umas regrinhas básicas .

- Faça críticas construtivas , não chegue aqui falando " nossa, que bosta, que lixo " , diga aonde eu posso melhorar .
- Não use os comentários como bate papo .
- NÃO PEÇA AFILIAÇÃO PELOS COMENTÁRIOS , tem uma pagina no blog pra isso , é só ir no menu .
- Não fale palavrões . É chato , escroto e inapropriado , então , por favor né ...
- Não venha com " seguindo, segue de volta " , deixe o link do seu blog , eu com certeza vou retribuir a sua visita.
- Expresse sua opinião .