25/04/2015

Tutorial :: Como Aumentar a Largura do Cabeçalho Do Blog

Olá pessoas , tudo bem com vocês ? prontas para um tutorialzinho ? bom vamos lá ! eu estava louca atrás disso , ai resolvi compartilhar com vocês esse pouco conhecimento que tenho em HTML haha ^^




Primeiro Passo:
Escolha a imagem que quer no cabeçalho .

Segundo Passo:
Vá em Modelo > Personalizar >Plano de Fundo .
Ai você vai fazer um upload da sua imagem , a seguir clique em deixar rolar com a página > dividir na horizontal .

Terceiro Passo :
Vá em modelo novamente > HTML .
Digite CTRL+F , pesquise o código :

/* -----header  ----  */

Substitua ele todo por :

/* -----header  ----  */
#header-wrapper {width:1000px; height:auto;  margin:0 auto 10px; padding-bottom: 10px}
h1.title { color:#b3b3b3 ;  font-family: 'Oswald', sans-serif;  font-size:60px;  font-weight:300;  
text-align:center; padding-top: 60px; letter-spacing:2px;}
.description {font-family: 'Oswald', sans-serif;  font-size:15px;  letter-spacing:7px;  color:#CD5C5C;  text-transform:uppercase; text-align:center; font-weight:300; }                  


h1 {margin:1.5em 0 .75em;font-size:50px;font-weight:100;color:#;}

E pronto ele ficara assim , como o modelo abaixo , clique para ver ^^
Quem quiser REBLOGAR , coloque os devidos créditos , por favor ! 


Aqui esta uma Tabela De Cores em HTML que pode utilizar para mudar a cor do nome do Blog !
Obs: Mude somente onde esta escrito Color

XOXO....

65 comentários:

  1. Gostei muito do tutorial, muito bem explicado. Tenho certeza que vai ajudar muitos blogueiros que ainda não têm conhecimento em HTML!

    Bjus ♥ http://alanacrist.blogspot.com.br/#

    ResponderExcluir
  2. Super útil o tutorial, ficou ótimo! Adorei seu blog, realmente muito incrível, tem tudo para fazer o maior sucesso. Já estou seguindo; Poderia dar uma passadinha lá no meu e, se gostar, seguir também?
    www.espacegirl.com

    ResponderExcluir
  3. Gostei bastante do tutorial, acho que irá ajudar bastante gente.
    Beijo.
    http://coisinhasdamiia.blogspot.pt/?m=1

    ResponderExcluir
  4. Adorei o tutorial! Vou salvar pra quando eu precisar ^^
    Um beijão,
    Gabi do likegabs.blogspot.com ♥

    ResponderExcluir
    Respostas
    1. haha Fico feliz que gostou , e espero ter ajudado ! ^^

      Excluir
  5. Adoreei a dica! Muito legal, vou anotar para quando precisar <3
    Um beijo

    Dicas para todas

    ResponderExcluir
  6. Ótima dica, parabéns <3

    http://ruasazuis.blogspot.com

    ResponderExcluir
  7. Amei a dica gata, bjkas
    http://garotafucada.blogspot.com.br/

    ResponderExcluir
  8. Adoro este tipo de post's..
    Quero ver mais deste tipo.. :b

    Beijos, Sweet Home | BLOG

    ResponderExcluir
  9. Que ótimo você compartilhar esse tipo de conteúdo, o visual do blog é uma parte bastante importante pro blog e tem gente que sente muita dificuldade com html e esses tutoriais salvam bastante pessoas que não tem dinheiro para pagar um profissional.

    http://www.leitecombiscoitos.com/

    ResponderExcluir
    Respostas
    1. Nossa eu sinto uma enorme felicidade em ajudar ♡

      Excluir
  10. Ótima dica.

    Isabel Sá
    https://brilhos-da-moda.blogspot.p

    ResponderExcluir
  11. Acho ótimo esses blogs com tutoriais para ajudar as amigas haha.
    Eu sou péssima com html, mas se eu necessitar fazer meu layout sozinha já sei aonde achar esse tutorial <3

    Blog: Like The Moon
    FanPage do blog

    ResponderExcluir
  12. Achei muito bem explicado o tutorial e bem fácil de fazer.
    Bjus
    Jaque
    www.quebreiaregra.com.br

    ResponderExcluir
    Respostas
    1. tentei não complicar o máximo possivel ^^

      Excluir
  13. Adorei me ajudou muito !
    Beijos
    http://daniellaalessandra.blogspot.com.br/

    ResponderExcluir
  14. Acho muito legal esse tipo de postagem, super útil pra ajudar quem é iniciante, e muito bem explicado!
    Te indiquei pra uma tag sobre consumismo lá no meu blog, espero que curta e responda! ;)
    Bjssss

    www.blogdatatah.com

    ResponderExcluir
  15. Arrasou no post, parabéns!!!
    (Seguindo seu blog, poderia retribuir?)
    Obrigado!

    • Blog: http://ricknegreiros.blogspot.com.br/
    • Canal: https://www.youtube.com/channel/UCeptOGH6i0hrqT9VdP4Yn1g

    ResponderExcluir
  16. Excelente dica! Muito útil!
    beijinhos
    http://direitoporlinhastortas-id.blogspot.pt/

    ResponderExcluir
  17. Adorei, bem explicadinhooo.
    Tô querendo fzer umas mudanças por lá, obrigada pela dica.

    www.iamcamilakellen.blogspot.com
    www.youtube.com/c/camilakelleniam

    ResponderExcluir
  18. Oi linda, eu adorei seu blog também. Tudo relacionado a dicas para blog eu amo rsrsrs. Obrigada, beijo
    www.mulhersuperfashion.com

    ResponderExcluir
  19. Muito prático mesmo!
    Não entendo muito de html, então é sempre bom quando surgem essas dicas!

    Beijo
    O Outro Lado da Raposa

    ResponderExcluir
  20. Garota, tu é um máximo ! Adoro suas dicas, são muito úteis. Um beijão.

    www.vivaessamoda.blogspot.com.br

    ResponderExcluir
  21. Parabéns por dar dicas tão importantes para nós blogueiras, sempre bom ter um cantinho assim pra tirar algumas de nossas dúvidas <3

    Beijos!
    http://www.blogcarolmacedo.com/

    ResponderExcluir
  22. Adorei a dica ;) Beijos

    http://www.trendtotal.com.br/

    ResponderExcluir
  23. Ótima dica! Queria ter algum conhecimento nisso, mas sou absolutamente noob, sua camisa do Bon Jovi é linda <3 <3 <3 quero uma aiuhsiauhsuais Obrigada pela visitinha no meu blog, está com a fanpage curtida, quero acompanhar tudo por aqui agora!
    Peixinhos ;*
    Blog: Talo de Maçã
    FanPage: Talo de Maçã

    ResponderExcluir
  24. belo tutorial, amei.
    Tem postagem nova no meu blog, passa lá.
    Meu Blog: ➥ Plantão da Beleza
    Meu Instagram➥@simarapink
    Meu Canal no Youtube: ➥ Vídeos do Canal
    ✿♥✿♥✿♥✿.¸.•*¨*•►BeijosssssssssSimara Pink ♥♥♥♥♥♥

    ResponderExcluir
  25. Ah... Eu penei tanto para fazer no meu e só agora que eu te encontro? Hahahaha...

    Bjos, linda!

    http://chuvadecamelias.blogspot.com.br/

    ResponderExcluir
  26. Adorei o tutorial, bem explicadinho! Sou péssima para mexer em html e css kkk
    beijos, to seguindo o blog!

    http://nailpeliculas.blogspot.com.br/

    ResponderExcluir
  27. Muito útil o seu post. Parabéns!
    Bjs.

    brunajennyfer.com

    ResponderExcluir
  28. Amei o tutorial, ótima dica, eu sou dessas que não entende nada de html
    Beijos

    Blog Segredos da Cáh
    Instagram
    Facebook
    Canal do You Tube

    ResponderExcluir
  29. QUE OTIMO! ESTAVA PRESCISANDO DESSA DICA!

    http://cafecomleiteazul.blogspot.com.br/

    ResponderExcluir
  30. Oiii
    Ameii o teu BLOG, e o mais legal foi você que fez, MAGNIFIC!!!
    LINDO DE MORRER!!!
    Fico esperando sua visita lá no meu humilde blog.
    bjusssssssssssss
    luhguimaraesblog.blogspot.com
    luhguimaraes.vai.la

    OBS: CONTINUE COM ESSES TUTOS, AMOOOO

    ResponderExcluir
  31. Oi. Estou usando o código que você postou para fazer o novo layout do meu blog. Quero perguntar se você pode me dar alguns explicações sobre ele. O meu e-mail é blogthemariecontato@gmail.com

    ResponderExcluir