Como criar um layout básico

|
Tumblr_lw0zccrfei1qcmibao1_500_large
Umas das dúvidas que eu mais recebo é "Liah, como eu faço um layout?". Eu geralmente não respondo porque não tem como explicar em um comentário. E na verdade a maioria dos blogueiros não faz o layout todo em si. Nós apenas modificamos a base disponibilizada pelo blogger.

Então hoje eu vou mostrar as principais modificações que devem ser feitas no modelo blogger. Vou logo avisando que é só o básico, apenas para deixar a aparência dele mais limpa e profissional. O resto como modificar as cores, criar as imagens, e adicionar outros efeitos você pode ver em outros tutoriais tanto aqui no Cherry Bomb como em outros blogs. Esse tutorial é só sobre como fazer a base.



Preste bastante atenção em todos os passos para não errar! Ah, desculpem pela tag nas imagens, mas não posso dar mole para os plagiadores. Se não der pra ver alguma coisa por causa da tag, me avisem. Para ampliar as imagens é só clicar em cima.


Primeiro vamos escolher o modelo básico. Vamos usar o Travel (Viagem) na versão que tem umas "bordinhas" de papel no cabeçalho. Ele pode parecer bem feinho a primeira vista, mas depois vamos deixá-lo super lindo.

Para isso vá em modelo > Personalizar e escolha o modelo circulado de vermelho.



Depois clique em "Avançado"ali no lado, procure "Plano de fundo da postagem" e escolha uma cor qualquer só para destacar enquanto estivermos fazendo as modificações no HTML.


Clique em aplicar ao blog e depois em voltar para o blogger. Agora vamos mexer no HTML do blog para deixá-lo bonitinho.


Clique em editar HTML e depois em "prosseguir" na mensagem que aparecer.

Vamos começar as modificações. Primeiro vamos tirar aquelas bordinhas de papel horrorosas. Aperte Ctrl+F e procure por .content-outer .content-cap-top {
Logo abaixo disso, você irá apagar apenas o que está destacado em verde na imagem, nada mais nada menos! Atenção para os ponto e vírgula.



Seu layout deve ficar assim:



Agora vamos tirar o espaço entre a área das postagens e a barra lateral.
Aperte Ctrl+F novamente e procure por: .main-inner .column-right-inner {
Apague somente o que estiver em destaque novamente. Dessa vez você pode apagar os ponto e vírgula.


Visualize como ficou e veja que agora a sidebar está coladinha nos posts. Salve as alterações e vá para o layout do seu blog.


Para o próximo passo, precisamos colocar uma imagem de cabeçalho no blog. Eu fiz uma só para dar o exemplo, mas você já pode usar a sua imagem definitiva. Lembre-se sempre de fazer uma imagem da largura do seu blog (Veja qual é a largura no designer de modelo).

Lá em layout clique em "Editar" no gadget do cabeçalho:


Vai abri uma janela, lá você clica em "Fazer upload da imagem" e escolhe sua imagem de topo. Em posicionamento, marque a opção "Em vez de título e descrição". Quando a imagem for totalmente carregada, é só salvar.

Agora vamos voltar para o Modelo HTML do blog. (Modelo > Editar HTML > Prosseguir)
Iremos retirar aquele espaço chato que fica entre a imagem do cabeçalho e o resto do blog. A maioria dos layouts fica melhor sem aquele espaço, mas se você achar que não precisa tirar, pule essa etapa.

Aperte Ctrl+F e procure por: /* Tabs
Logo abaixo você verá esse código:
.tabs-inner {
  margin: 1em 0 0;
  padding: 0;
}

Apague o que está destacado.
Aperte Ctrl+F de novo e procure por .main-inner {



Logo abaixo desse código, você vai acrescentar essa linha: margin-top: -20px;
Agora é só modificar o número (20) até ficar do jeito que você quer. Altere o número e vá visualizando até não sobrar nenhum espaço.
Se você quiser aumentar esse espaço, é só tirar o sinal de menos (-).


Já fizemos as principais modificações no nosso layout. Depois de salvar o HTML você pode ir para o designer do modelo e colocar uma imagem de fundo para deixar o blog mais bonitinho. Para isso clique em Modelo > Personalizar > Plano de fundo. Clique no quadrado que tem a miniatura do plano de fundo atual, depois clique em "Fazer upload da imagem" e escolha a imagem que quiser. O meu ficou assim:



A nova interface do blogger está dando problemas na hora de enviar uma imagem de fundo, então se você não conseguir, volte para a interface antiga do blogger clicando em voltar, no topo do painel do blogger.
A base já está feita, agora é só você mudar as cores no designer do modelo e aplicar outros tutoriais para deixar o blog mais elaborado. Abaixo tem os links de alguns tutoriais complementares para você melhorar seu layout:

Coloque Fontes diferentes no seu blog  x Substitua os links "Início", "Postagens anterioriores" e "Postagens mais recentes" por imagens x Mude o fundo dos comentários x Coloque bordas arredondadas no seu blog x  Coloque imagem de fundo na sidebar x Coloque imagem de fundo nos títulos dos posts x Coloque sombreado no layout x Tire o sublinhado e coloque efeito fade nos links x Coloque duas colunas lado a lado com cores diferentesMais tutoriais

Pra você que acha que foi pouco: Blogar é só pros fortes por Camilla Martins


218 comentários

  1. Meu blog: juliabottoni.blogspot.com

    ResponderExcluir
  2. o povo só ensina o que a pessoa já sabe :(

    ResponderExcluir
    Respostas
    1. Meu bem, eu não sabia, e foi muito útil pra mim, OK!

      Excluir
    2. Se você sabia,meus parabéns,mas tem gente que não sabia,respeita então!

      Excluir
    3. Eu também não sabia.
      Foi extremamente util.

      Excluir
    4. Realmente foi extremamente útil para mim e para outras pessoas!
      Se você já sabia legal, não precisa fazer comentários!

      Excluir
    5. Eu não sabia.
      http://blogdasofiamonsterhigh.blogspot.pt/

      Excluir
    6. esse post foi extremamente útil pra mim !!!!

      http://tacomminhocas.blogspot.com.br/

      Excluir
  3. Oiie Teeem Concursoo No meu Blog
    Blog da Naah s2
    Concurso de melhor design
    Venha participar você também
    http://blog-da-naah-s2.blogspot.com/2011/12/concurso-melhor-design_09.html

    Beijinhos
    Nayara

    ResponderExcluir
  4. por que isso é o que tem pra ensinar! Vocês tem que tentar um pouco sozinhos também né? Aprendi quase tudo sozinha, só mexendo. Eu dei duro pra aprender!

    ResponderExcluir
    Respostas
    1. Deixa elas liah !
      Voce e muito talentosa agradeço muita coisa aprendi aqui no seu blog!
      O povo nao sabe agradecer sua boa vontade linda!
      beijao sucesso pra vc!

      Excluir
    2. Pois é liah, vc é muito talentosa e não deve se importar com essas pessoas, pq na verdade elas são um bando de invejosas e queriam ter seu talento, jogam a desgraça delas na felicidade dos outros, mais não se importe com essa gnt que não se esforça nada mais no final quer levar o crédito q o outro levou, se elas não gostram para que elas leram?????Não se importe com isso, como o velho ditado "O que vem de baixo não me atinge."
      Bjkass.

      Meu blog: http://princesadealstar.blogspot.com.br/

      Excluir
    3. deixa eles liah,eles acham q são muito melhor que vc,mais não são nada!
      eu adorei o post,e me ajudou pq sou nova com coisas de blog,mais esse ficou lindo no meu novo blog!!bjs

      http://www.Girl-ofdream.blogspot.com

      Excluir
  5. Olá

    Para quem quer ter uma noção básica de como modificar o layout,esse post é perfeito!
    Muito simples e fácil de entender.

    Beijos Liah.

    http://girlsupimpa.blogspot.com/

    ResponderExcluir
  6. Franciele Maria Correa Leite11 de dezembro de 2011 11:45

     Amei o post Cherry...Muito lindo!Sempre estão perguntando como que se faz layouts e muitas vezes não tem como explicar...Obrigada....

    ResponderExcluir
  7. ótimo post pra quem precisa de uma noção básica sobre isso!
    beijos,
    www.theattitudeincluded.blogspot.com

    ResponderExcluir
  8. Beatriz Barboni Rosa11 de dezembro de 2011 11:48

    Super explicadinho *--*
    beijos bia
    www.candy-bia.blogspot.com
    www.all-meabout.blogspot.com

    ResponderExcluir
  9. Oi,gostaria de avisar
    que o layout do GN, esta proontoo !

    visite e comente

    http://garotoonerd.blogspot.com

    ResponderExcluir
  10. Ameii a dik floor :)
    Kiss ♥

    CCC

    ResponderExcluir
  11. Ameii a dik flor :)

    Kiss ♥

    http://fanideisi.blogspot.com

    ResponderExcluir
  12. Nossa, muito bom o tutorial mesmo!

    http://newsdayoff.tk/

    ResponderExcluir
  13. Fico feliz que tenha gostado flor *_* De nada e obrigada por comentar!

    ResponderExcluir
  14. Adorei o tuto

    Bjss

    http://terminal-nanda.blogspot.com

    ResponderExcluir
  15. Muito bom o tutorial! Eu sempre faço isso mesmo

    ResponderExcluir
  16. adorei essas dicas! Eu sempre ficava meio em duvida quando ia mudar o layout , mas esse tutorial vai me ajudar bastante agora! 
    beijos , passa por lá !
    http://braziliandiamond.blogspot.com

    ResponderExcluir
  17. Obrigada pela ajuda Liah ! Ficou ótimo o Tuto ;)
    Estou seguindo, Retribui!? Obrigada .

    www.world-cutest.blogspot.com

    ResponderExcluir
  18. ótimo tutorial :)

    Beijos,
    http://placestyle.blogspot.com/

    ResponderExcluir
  19. faço quase assim no meu, otimo post :)

    http://himi-tsu.blogspot.com

    ResponderExcluir
  20. Tudo o que aprendi foi sozinha, como eu já tenho o meu layout prontinho eu só modifico ele e deixo da forma que eu quero, mas to sempre modificando, mexendo aqui, ali, o background, mas sempre tudo no Editar HTML, não gosto de mexer com esse que vc ensinou no tuto, acho que esse jeito é bem menos complexo do que mexer diretamente no código. Mas para os iniciantes é um ótimo jeito de editar o visu do blog.

    Bjs!
    http://design.punkreader.com/ 

    ResponderExcluir
  21. Algumas coisas de editar modelos ou aprendi sozinha,o resto foi com tutoriais de outros blogs! Eu adorei o post!

    Bjs

    http://magicmih.blogspot.com/ 

    ResponderExcluir
  22. Ual, Liah, ficou muito lindo :) gostei do post ^^

    ResponderExcluir
  23. Nossa, lindo!   Qual a fonte? Estou atrás dela / a do modelo básico/  Beijinhos :)
    http://mundinhomegamary.blogspot.com/

    ResponderExcluir
  24. Liah,ameei esse post! Tava msmo qerendo saber.
    bjokas
    http://karlarayna.blogspot.com/

    ResponderExcluir
  25. O blogger facilita bem a vida em certos pontos! Viu, sei que faz muito tempo que não visito aqui não é?. Mas.... no meu blog está rolando um sorteio. Participa? http://bquadrada.tk/

    ResponderExcluir
  26. Esse tutorial ficou muito bom! Fica bem facil de personalizar desse jeito kkk
    bjs
    blog-salto-alto.blogspot.com

    ResponderExcluir
  27. Tem selos pra vc nesse link:
    http://opoetaeeu.blogspot.com/2011/12/selos.html
    http://opoetaeeu.blogspot.com

    ResponderExcluir
  28. Oi Liah!
    Eu amei o tutorial,pude deixa meu blog melhor sem ter aquela cara de "breguinha"!Muito obrigada mesmo.

    ResponderExcluir
  29. Seus tutoriais são muito bons e esse aí é ótimo pra quem é iniciante! Parabéns, o tutorial ficou muito claro e deu pra entender tudo.

    Fofa, tem novo layout lá no blog, gostaria muito que fosse ver *-*
    Beijos, onthefame.tk

    ResponderExcluir
  30. WOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOW, VOCÊ ME LINKOU NO SEU BLOGPOST GHFGHFKHJGJKFHJKGKFJHGJKFHJGFJK. Sou foca -q

    Você fez esse baita tutorial e reclamaram? MANDA TOMAR NO TOBINHA -Q

    Mano, isso me lembrou que eu tenho que fazer meu tutorial de como fazer themes -q

    Bjonas e fique com Deus <3

    ResponderExcluir
  31. Adorei! Muito bacana, e ainda ajuda muito os iniciantes. Eles podem reclamar, mas se não fossemos nós com nossos tutoriais de ajuda, seria bem mais difícil pra eles, né? :)

    Um beijo,
    sl-senhoritaliberdade.blogspot.com

    ResponderExcluir
  32. já comentei nesse post :3 quando tiver novo avisa

    http://himi-tsu.blogspot.com/

    ResponderExcluir
  33. Liah está imagem é muito forte o cachorrinho ta matando gatinho 

    ResponderExcluir
  34. Nossa, e pensar que aprendi isso em 2006. Mas o código do novo blogger é meio complicadinho mesmo. Mas eu também nunca sei explicar como é fazer um layout. o_o uaiohsioahusioh
    Postei de novo lá, Lia <3
    Beeijo <3

    ResponderExcluir
  35. Juliana Borges Alves da Mota12 de dezembro de 2011 19:57

    Liah essas com certeza foram ótimas dicas, principalmente pra quem ta começando com o blog agora. Eu lembro que no começo eu mexia e mexia no meu design mas nunca ficava legal
    bjs
    http://s2juuh.blogspot.com/

    ResponderExcluir
  36. Heeii Liah!Eu estava fazedo tudo o que vc mandou mais na hora dos codigos eu naum acheiii o desejadoo

    ResponderExcluir
  37. AAhh,muito bom seu post!! Muitas vezes eu procurei um post assim no início do meu blog,e nunca achei algum tão bem explicado!
    AAhh,tá certa...não se pode facilitar para os 'sem-criatividade' néam?! rsrs

    Beeijo linda
    http://backstreetmorgan.blogspot.com

    ResponderExcluir
  38. Ooi!Ah, muuito útil o post para todos os blogueiros! Como sempre você arrasa!!Querida, está rolando um super sorteio lá no blog, nele tem várias coisas que todas nós, mulheres, amamos! Não vai perder essa chance de participar, né? Corre lá, e se inscreva!
    Beijoos!www.blogmodasdegarotas.blogspot.com

    ResponderExcluir
  39. Awwn gosteei!! *-*
    http://perfeitateen.blogspot.com/

    ResponderExcluir
  40. psiu! tem tag pra você no meu blog! ♥

    http://velvetnleather.blogspot.com - Tutoriais Alternativos

    ResponderExcluir
  41. GatinhaBeatrizSiqueira12 de dezembro de 2011 23:09

    Oi fofa , aceita parceria e afiliação ? beeijos ;*


    http://doocee-meeel.blogspot.com/

    ResponderExcluir
  42. É Jellyka Saint andrew queen ou alguma coisa parecida, não lembro direito.

    ResponderExcluir
  43. Esse post ajudou bastante para fazer o novo layout do meu blog...
    Liah e suas explicações, fáceis como sempre!!!

    Retribui? http://giuliasplaceblog.blogspot.com/

    ResponderExcluir
  44. São dois cachorrinhos e eles estão brincado o.o

    ResponderExcluir
  45. Thifany Victovososke Machado13 de dezembro de 2011 11:11

    Liah eu amei o post , me ajudou bastante ! =^.^=

    Retribui ? http://fashion-thi.blogspot.com

    ResponderExcluir
  46. Eu me lembro que antigamente eu nunca achava esses tutoriais magníficos, sabe? E acabei aprendendo tudo sozinha. 

    Está muito bem explicado. Parabéns!
    PS: Adorei o blog! :D

    ResponderExcluir
  47. Oi Liah... fiz tudo direitinho no meu blog, e no inicio tudo deu certo, mas agora o designer layout não quer funcionar... o que será que deu errado? por acaso vc sabe o que aconteceu? se puder me ajudar... meu e-mail é contatoaecleticahotmail.com ...
    mto obrigada!!! bjos

    ResponderExcluir
  48. Olá Liah, acabei de enviar um comentário, mas já consegui consertar o erro!!!
    Obrigada assim mesmo!!! rsrs

    ResponderExcluir
  49. Amei, amei mesmo, vai me ajudar demais.

    ResponderExcluir
  50. Liaah, você me ajudou bastante *-*
    Muito obrigada fofa!
    Um beijão!

    ResponderExcluir
  51. Oi eu fiz de tudo mais não consigo tirar as bordas pretas que ficaram!

    ResponderExcluir
  52. brigadão liah me ajudo bem na hora em que eu precisava passa lá acho que vão gostar 
    http://perfectgirlrah.blogspot.com/

    ResponderExcluir
  53. Nossa obrigado voce me ajudou muuiiiiiiiiiiiiiiiitoooo

    ResponderExcluir
  54. Essa imagem não é muito forte não! Ela é é muito fofa! O cachorrinhos estão brincando... não estranhe... é assim mesmo a brincadeira! kkk

    ResponderExcluir
  55. Amei a dica já fiz nos meus mas fiz algumas modificações amei amor!

    http://designshowoficial.blogspot.com/ < encomenda de layout em HTML
    http://ajudandophotoscape.blogspot.com/ <Meu espaço

    ResponderExcluir
  56. Hey como faço para tirar aquela linha preta entre os gadgets ?? obg sesde já !

    ResponderExcluir
  57. Nossa, perfeito o tutorial me ajudou muito, obrigada!

    boneca-caprichosa.blogspot.com

    ResponderExcluir
  58. o tutorial me ajudou muito, obrigada
    http://boneca-caprichosa.blogspot.com

    ResponderExcluir
  59. Me ajudou muiito !
    Qeria saber como voc fez pra por aqele slide na sua revista online ? http://revistacherrybomb.blogspot.com.br/ se puder me ensina por favor ! é qe eu estou fazendo uma revista pra minha escola e queria por o slide porqe achei muito interessante ! Posta um tutorial por favor? eé qe eu busquei na net mas não encontrei! Bjoos ;* adorei o post !

    ResponderExcluir
  60. Oii Liah amei o post e muito bom eu queria saber isso mesmo, bom apesar de ninguém me responder se poder me Responde queria te fazer uma pergunta que ninguém fala ' Como mudo o fundo das postagens ? eu vi que no seu e em Formato de Papel e eu queria saber muito como tu faz isso Posta ? Bjs

    ResponderExcluir
  61. Acho que a base, é uma parte mega-importante pois é dali que nasce o design do blog.
    Adorei o post, realmente muito criativo.
    Gostaria de manter contato, pode adicionar? caprichospace@hotmail.com

    Um grande beijo!

    ResponderExcluir
  62. Adorei o post preciso de um layout , agora eu sei fazer ! http://mariavivianepiink.blogspot.com.br/ <meu blog quem puder dá uma passadinha lá!

    ResponderExcluir
  63. Oi Liah tudo bem? Estou criando um blog novo, mas dessa vez no modelo viagem, terminei tudo bonitinho mas ocorreu um problema. Tem umas barrinhas pretas como se tivesse "separando" os Widgets ( é assim que se fala? haha) Você tem algum tutorial de como tirá-lo ? Ou é algo do modelo viagem mesmo? Por favor você poderia me ajudar?

    meu email: l.leticialima@hotmail.com
    Meu blog novo ( ainda estou montando): blogldeliberdade.blogspot.com

    Obrigada! Beijos tenha um bom dia :)

    ResponderExcluir
  64. oii eu queria sabe a onde fica esse papel de caderno no blogs pk eu queria para o blog da escola se puder responde ok Valeu www.y-asgarotas.blogspot.com toh contruindo ainda ok valeu s2

    ResponderExcluir
  65. ADD msn pk tah dificil preciso muito da sua ajudaa stefany-gata_medina@hotmail.com

    ResponderExcluir
  66. mt obrigada as dicas são ótimas e o blog tbm bjs
    Me add http://bihasinha.blogspot.com.br/ vlw

    ResponderExcluir
  67. Adorei! antes eu usava o travel de fundo roxo,mais as cores dele são feias! obirgada pelas dicas!
    http://magaligirls123.blogspot.com.br/

    ResponderExcluir
  68. meu blog é: http://higirlblog.blogspot.com.br/
    ainda não tem psotagem, to tentando arrumar seguidores pra poder postar :) a única que tem é minha amiga

    ResponderExcluir
  69. Tem como fazer um tutorial pra colocar IMAGE MAPS no header, só que com o código(modelo)do blogger?

    ResponderExcluir
  70. Oiee adorei seu blog... mas eu gostaria de saber se vc faz templates, se fazer gostaria mto que dece uma cara nova ao meu, to achando mto sem graça será que poderia da uma ajudinha *--*
    http://diariodabelezahi.blogspot.com.br/
    amuu seu blog e to participando dele... preciso mto de ajuda, eu deixo mexer no que quiser nele. Meu Msn : hellen-isterfanigta@hotmail.com... bjinhos ^^

    ResponderExcluir
  71. Oi pessoal amei o blog!
    Gostei dessa matéria para incrementar o meu!
    quem quiser ser membro e participar pode venha conhecer o Blog :http://amoredoce.blogspot.com.br/

    ResponderExcluir
  72. Super Demais O Post! E seu blog é divino, parabéns.
    Beijos!

    ResponderExcluir
  73. Adorei o tutorial, me ajudou muito, os creditos por isso estão no meu blog, na pagina tutorial :)

    Xoxo...
    http://sabrinacamposc.blogspot.com.br/

    ResponderExcluir
  74. Que big tutorial em Liah ?
    Arrasou como sempre, beijos;

    www.interligada-i.blogspot.com

    ResponderExcluir
  75. Liah como se coloca o layout para o download??Bjs

    ResponderExcluir
  76. Ajudou muito mesmo!
    Obrigada! rs

    csn-carolina.blogspot.com.br

    ResponderExcluir
  77. Lindo! Reblogando aqui! Ameeeei, vou mudar alguma coisitas!

    Beijos!

    PARA TODA GAROTA- PERFIL

    ResponderExcluir
  78. Amei o tutorial e utilizei ele no meu blog!! Obrigada :*

    ResponderExcluir
  79. Amei o Tutorial me ajudou muito! posso postar um Tutorial ensinado a Fazer isso? Prometo que te dou Créditos!

    ResponderExcluir
  80. Hey, eu amei tuudo, mais eu não sei fazer a parte do ctrl+f eu aperto e tals e nao aparece nada )=

    ResponderExcluir
  81. Tutorial perfeito! Estou usando ele para fazer o layout da minha loja virtual, vou te colocar na aba de créditos <3 muito obrigada!
    Beijos!

    myacidblackcherry.blogspot.com

    ResponderExcluir
  82. Nao consigo mudar...da erro sempre, :(

    ResponderExcluir
  83. Liah, estou com um problema com o meu blog e espero que você possa me ajudar. Fiz todas as alterações que você indicou neste post, até tentei usar outros layouts personalizados que encontrei em alguns blogs, mas ainda assim uma imagem (que eu não sei como nem quando foi parar ali) aparece no fundo. Inclusive assim que coloquei o tema do início (o Travel), ao invés da imagem de aviões, aparece esta outra imagem. Não sei mais o que faço :/

    ResponderExcluir
  84. Usei esse tuto "básico" para fazer um layout basico que ficou até ke bonitinho, eu precisava ajeitar meu blog, agora está bem ajeitadinho :))

    ResponderExcluir
  85. Ótimo tuto!
    Kisses

    space-sweet-girl.blogspot.com.br

    ResponderExcluir
  86. amei as dicas amr, estou usando alguns tutos do blog pra criar um laay free, quando estiver pronto, coloco o créditos, ok!? 'Beijinho ;*
    Lorrany - Equipe Mania de BG

    ResponderExcluir
  87. Nossa amei, obrigada pelo tuto!
    Seguindo aqui, blog perfeito...

    ResponderExcluir
  88. Anjo, você poderia ensinar como tirar essa ''linha'' abaixo do título dos gadgets?
    Obrigada anjo ;D

    ResponderExcluir
  89. Meu blog visita lá tem de tudo de moda á decoração! garotaanoestilo.blogspot.com.br

    ResponderExcluir
  90. Chega de procurar Layouts prontos, amei o tutorial Liah!

    ResponderExcluir
  91. Oi Liah, sou Lorrany do blog Mania de BG (não se preocupe, eu não vou pedir pra você seguir, vistar o blog ou blábláblá). Eu só vim avisar que esse seu post foi indicado por mim lá no meu blog, para meus seguidores. Se quiser ver o post (só se quiser), entre aqui: http://maniadebg.blogspot.com.br/2012/11/indicacao-de-tuto-como-criar-base-de.html | desculpe o incômodo aqui, só queria te avisar mesmo. Beijinhos ;*

    ResponderExcluir
  92. O seu post foi muito útil para mim,obrigada!
    alemdglitter.blogspot.com.br

    ResponderExcluir
  93. Seu blog é ótimo, aprendo várias coisas nele. http://cr4zy-world.blogspot.com/

    ResponderExcluir
  94. muito interessante o tutorial, o resultado fica lindo

    ResponderExcluir
  95. Olá Liah! Nossa garota, que blog super fantástico o seu. É super f*ckastic. Adorei ele, me ajudou muuuuuito! Nem sei o que falar pra expressar o tanto que amei ele. És muito inteligente.
    Estou a preparar um novo template com esse teu tutorial, antes eu usava o Artisteer, pois eu tinha mais paciência, UAHSUAH. Valew's! Beijão! o/

    ResponderExcluir
  96. Obrigado , ajudou muito o/ visita meu blog :D http://bgssempree.blogspot.com.br/

    ResponderExcluir
  97. Oi Liah sou inexperiente no blogger mesmo ja estando a algum tempo e estou adorando o seu blog vc da ótimas dicas amei o tutorial! ja tentei no meu blog mais não tirei o espaço entre as postagens e o sidebar bom da uma olhadinha lá? e vc aceita parceria? se sim ecreve no meu blog por favor? ja estou te seguindo bjoss Liah
    http://s2blogdamarih.blogspot.com.br/

    ResponderExcluir
  98. Lia eu peguei aquele seu modelo basico de cabeçario tahh

    ResponderExcluir
  99. mais só para molde
    o meu ficou demais olha: http://backgroundrebeldessempre.blogspot.com.br/

    ResponderExcluir
  100. Me ajudou muito!Obrigada!
    Beijokinhas!;p!
    monsterhighinbrasil.tk

    ResponderExcluir
  101. Oi eu queria pedir para vcs visitarem meu blog http://portalblanco55.blogspot.com.br/
    e se podessem comentassem e seguissem!

    ResponderExcluir
  102. Super útil!!
    ADOREI DEMAIS MUITO LEGAL ME AJUDOU MUITO!!
    Parabéns Liah sucesso pra você!!

    ResponderExcluir
  103. super me ajudou, adorei o post e o blog!

    http://window-soul.blogspot.com.br/

    ResponderExcluir
  104. Muito útil esse post, me ajudou bastante! :)
    Sem ele estaria perdida :)
    Obrigada por nos ajudar :)

    ResponderExcluir
  105. Obrigada, Lia. Me ajudou muito com meu blog!

    ResponderExcluir
  106. Liah como é que faz para tirar aquelas linhas que tem entre cada gadget na margem direita?Bjcas Lily

    http://psicomakes.blogspot.com.br/

    ResponderExcluir
  107. Com certeza ajudou pessoas esse tuto
    questao-deopiniao.blogspot.com.br

    ResponderExcluir
  108. muito obrigado deixei meu blog do jeito que eu queria muito obrigado,pode visitar meu blog?

    http://mangakawaiioficial.blogspot.com.br/

    ResponderExcluir
  109. Adorei. Obrigada. Eu ainda estou na fase 2 de criar Layouts e mexer com HTML...

    Beijss

    Minha Vida Fora de Série (perfil)

    ResponderExcluir
  110. Nossa, suas dicas p/ layout serviram muito p/ mim.
    Beiijoooosss

    ResponderExcluir
  111. Muuuuito Obrigada Lia ! , Me ajudou bastante , ela este tutorial que eu queria flor ; ) obrigada mesmo divaa !

    ResponderExcluir
  112. Adorei as dicas
    xoxo.
    http://girls-x-girls.blogspot.com.br/

    ResponderExcluir
  113. Adorei as dicas, consegui fazer as mudanças! Vou linkar seu blog pra não perder as dicas! Beijos
    http://www.kacarecosdebeleza.com/

    ResponderExcluir
  114. Amei o tuto liah!
    http://candyhouse-lubs.blogspot.com.br

    ResponderExcluir
  115. Obrigada pela tutorial! Ajudou muito.
    Beijos.
    http://thief-of-words.blogspot.com

    ResponderExcluir
  116. Seu blog é lindo demais!Parabéns Cherry!

    Jaqueline Taís Skoreck.

    ResponderExcluir
  117. Aiin,obg querida,mais eu queria a sidebar separada mesmo...Mais de qualquer forma,mto obg!
    Ajudou bastante!

    ResponderExcluir
  118. Oii,A postagem mim ajudou muitoo!
    Mas no meu meu eu não acho os HTML que que vc sugeriu fazer!
    Se de depois entre no meu!
    antenadasefashion.blogpot.com.br

    ResponderExcluir
  119. Esse tutorial foi muito útil para mim... E quem quiser aprender 'o que ainda não sabe" é só fazer um curso. Parabéns e obrigada Liah pela boa vontade de compartilhar o que sabe conosco. Tudo o que sei aprendi no seu blog *--*

    ResponderExcluir
  120. Obrigada Liah! Eu tava mesmo precisando de dicas! Foi bem útil! Vlw!!!! Bjs.

    ResponderExcluir
  121. Oi, você pode falar qual foi a fonte que você usou nesse modelo, e a do seu blog também ? Desde já obrigada (:

    ResponderExcluir
  122. Gente sigam o blog http://jeitoblogueira.blogspot.com.br/ , blog novo beijos , sigo de volta

    ResponderExcluir
  123. Eu sou tipo, muito nova com esse negocio de blog e eu ainda não sei muita coisa, então isso me ajudou bastante. Mas como você fez a imagem do cabeçalho? responde, por favor!

    ResponderExcluir
  124. Eu sempre uso esse tutorial para fazer meus templates, acho q e o tutorial mais usado por aqui c:

    ResponderExcluir
  125. Adorei o post >.< '

    aqui está meu blog, de uma olhadinha, se possivel sigam, sou nova na aréa ;)

    http://chuvas-de-pesamentos.blogspot.com.br/


    Beijos ;*

    ResponderExcluir
  126. Olá amore gostei muito do tuto e vou tentar fazer assim mas agr o blogger mudou e eu achei q ta meio dificil pra fazer sera q vc pode fazer um tuto mostrando como fazer com o novo jeito q o blogger ta?
    e q eu não faço o meu quem faz e minha amiga mas eu estou querendo aprender e fazer eu mesma!
    xoxo

    Inventando Moda

    ResponderExcluir
  127. Olá, voce poderia passar seu theme ? por favor ? e nao consegui achar o ".main-inner .column-right-inner {"

    ResponderExcluir
  128. Oi flor parabens pelo blog, adorei usei!

    ResponderExcluir
  129. Este comentário foi removido pelo autor.

    ResponderExcluir
  130. Oiie
    Eu quero criar um layout nvo para o mu blog.. adorei as dicas, mas aqueles codigos nao funcionaram pra mim.. nao encontrava nada pra eu deletar e pra ele ficar mais bonitinho.. =(
    vc sabe pq???

    Obrigada.. aguardo ansiosamente respostas..rs

    bjinhos
    Pam
    Meus Livros Preciosos

    ResponderExcluir
  131. Oi, tenho que te agradece esse post foi que eu precisava, bjs :*

    http://cacadora-de-livros.blogspot.com.br/

    ResponderExcluir
  132. Lindinha seu blog me ajudou muito qdo fui fazer meu humilde template, eu gostaria de muda-lo outra vez, mas o cod xml deste novo blogger ja n aparece como antes e qdo eu digito Ctrl+F para buscar esses cod q vc postou acima ela ja n encontra nada, o html p mim ja nao esta como antes. Ja estou perdendo a paciencia c o blogger. Ai da uma luz. Obrigada desde ja. bj e boa segundona.

    ResponderExcluir
  133. Este comentário foi removido pelo autor.

    ResponderExcluir
  134. Amei o tuto Liah! Rebloguei no meu blog, okay?
    Lógico que com os devidos créditos ao Cherry Bomb!

    Kissus,

    ResponderExcluir
  135. cherry eu rebloguei e coloquei os creditos mais mudei algumas coisas pois pq o CSS mudou ae eu fiz umas pequenas modificações mais mesmo assim os creditos estão la http://hurricaneready.blogspot.com.br/

    ResponderExcluir
  136. Oi! bom eu vou em "Editar HTML" mas, eu coloquei o código ".content-outer .content-cap-top { " e estava assim de vermelho, 0 de 0! o q eu fasso???
    OBS: meu blog é do blogger

    ResponderExcluir
  137. Muito bom :) O blog é muiiiito útil!
    Seguindo,retribui jujuba?
    http://believevictorious.blogspot.com.br/

    ResponderExcluir
  138. Por que vocês não ensinam por HTML?

    ResponderExcluir
  139. Esse tuto nao vale mais , vc poderia fazer um novo atualizado , com a nova geraçao ?

    -* Um tuto que ensina a gente fazer laydes com a nova aparencia do Blog !!

    Bjs !! Pff quero mt aprender a fazer minha propia reforma no Blog !

    ResponderExcluir
  140. Não adianta , eu não consigo fazer um layout bonito :(

    ResponderExcluir
  141. Ahhhhhhhhhhhhhhh ! amei , amei , amei , amei , muuuito obrigada , de coração , nenhum outro blog explicou tão bem quanto o seu , muito obrigada mesmo !

    ResponderExcluir
  142. Eu procuro mas não acho nada nem no novo e nem no antigo html, mesmo estando no modelo que você pediu! Que droga! Só comigo msm///////////////////////

    ResponderExcluir
    Respostas
    1. link do meu blog:/ http://pljuntosateofim.blogspot.com.br/

      Excluir
    2. Eu também tentei procurar e não achei nada! Mesmo usando o modelo Viagem...

      http://as1001paginas.blogspot.com

      Excluir
    3. Também não encontrei nadinha... Que pena!

      Excluir
  143. Não encontrei esse codigo .content-outer .content-cap-top {

    ResponderExcluir
  144. Dicas incríveis,devo todos os meus conhecimentos de HTML ao Cherry Bomb :)

    ResponderExcluir
  145. ameiii de coracao essas dicas vlw gata

    ResponderExcluir
  146. Muito bom nunca imaginei que com pequeninas mudanças iria conseguir um lay bacana.

    ResponderExcluir
  147. Este comentário foi removido pelo autor.

    ResponderExcluir
  148. no meu HTML nao apareceu isso: .content-outer .content-cap-top { oq eu faço, liah? http://moreimagines.blogspot.com.br/

    ResponderExcluir
  149. Respostas
    1. O HTML não mudou. O que mudou foi apenas a aparência, que está mais profissional. Mas o HTML do seu blog é o mesmo.
      Talvez você não conseguiu porque:
      -Deu Ctrl+F antes de clicar dentro da área do HTML.
      -Seu modelo é diferente (e esse tutorial é sobre como personalizar o Travel).

      Excluir
  150. eu fiz tudo bem direitinho e adorei , só que , ficou no meu cabeçalho um fundinho azul que é do próprio modelo.
    me ajudem por favor !
    virtudefemininaa.blogspot.com

    ResponderExcluir
  151. Me ajudou demais ! Adorei , agora vou personalizar , que pena que o blog acabou era MUITO BOM ...

    Cinderela Sqñ

    ResponderExcluir
  152. Este comentário foi removido pelo autor.

    ResponderExcluir
  153. como eu faço pra ver a largura e altura do blog?Brigada
    http://westylepink.blogspot.com.br/

    ResponderExcluir
  154. Clico em CTRL+F digito mas não acho nenhuma palavra, o que eu faço?

    ResponderExcluir
  155. Este comentário foi removido pelo autor.

    ResponderExcluir
  156. Eu não conseguir fazer...os códigos não deram certo. O que eu faço?
    http://suabelezadeprincesa.blogspot.com.br/

    ResponderExcluir
  157. Olá, adorei suas dicas. Criei um blog que ajudara muitas pessoas. Quem tiver interesse é só acessar: http://www.dicasdeseducaofeminina.com

    ResponderExcluir
  158. Liiiah me ajudaa, eu procuro os códigos mas no meu HTML não aparece!!! :(

    ResponderExcluir
  159. jujubinhahdiniz.blogspot.com eu crie este blog só para tentar por o estilo revista(isso se percebe pelo nome kkk) mas eu não consigo :(! me ajudaaah pfv!!!!

    ResponderExcluir
    Respostas
    1. Ana Julia a Liah abandonou o blog, não atualiza mais, então ela n tem como te responder, eu tb estava tentando q nessa nova fase do blogger ta diferente td, por isso da erro

      Excluir
  160. Oi! Olha no meu html não tem nem um código desses, o que eu faço?

    ResponderExcluir
  161. oi, acho que aconteceu alguma coisa errada no meu, na hora de editar html pra tirar as bordinhas, o codigo apareceu diferente. por favor me ajuda

    ResponderExcluir
  162. http://cinebooks2013.blogspot.com.br/

    ResponderExcluir
  163. Eu tentei fazer mas na hora de apagar os verdes deu tudo errado ai fiz merda! Não consegui :(

    ResponderExcluir
  164. oie eu consegui mas queria saber como voce faz para deixar so o nome do blog sem cabeçalho? faz esse tutu por favor

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...