Centralizando o gadget de páginas

3.6.12

Oiee! Antes de começar o nosso post quero agradecer aos comentários do post anterior. Eu amo ler a opinião de vocês e isso é bom, pois assim eu conheço mais sobre vocês e posto o que vocês (e eu) gostam. O post hoje é um tutorial, onde vamos aprender a centralizar o gadget de páginas. Espero que gostem ^^
                            6872145906_518d9b8058_z_large


1. Painel do Blogger >> Modelo >> Editar HTML e Prosseguir;

2. Pressione a tecla Ctrl+ F ou F3 e procure por isso:   background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;


3. Acima do que achamos cole o código abaixo:
margin-left: 100px;
margin-right:100px;

Os pixels você muda de acordo com a largura do seu blog, até ficar do jeito que você quer.Também tem como deixar  centralizado só na direita, aí é só zerar o px de margin-right.

 4. Visualize e veja como ficou. Se gostar salve.

   Antes de qualquer alteração no html do seu blog baixe um cópia antes, assim se algo der errado temos como recuperar.

Veja Também:

37 Recados

  1. muito bom esse tuto.
    boa semana.
    bjos

    ResponderExcluir
  2. Hooy, adorei o blog, super cute!! Já fiz um tuto igual no meu blog (http://modinhagirl.blogspot.com.br/) e superaprovei! Eu vi que vc tem vaga pra afiliação, se tiver interessada... BeijoOos :*

    ResponderExcluir
  3. muito bom, adorei.. muitas pessoas num sabem agora sabem com esse tuto...

    http://debysabetudo.blogspot.com.br/

    ResponderExcluir
  4. Aiin taa lindoo o seeu Bloog *-*
    http://umaestrelapink.blogspot.com.br/

    ResponderExcluir
  5. oi gessica adorei o lik-me vou querer ele sim ameei muito obrigada flor muito obrigada mesmo

    ResponderExcluir
  6. muito bomm.. otimo tutorial.. amei seu blog.. ficou lindinho.. beijinhos...

    ResponderExcluir
  7. É um ótimo tutorial! Bem explicado!
    Beijos

    blogmodaonline.blogspot.com

    ResponderExcluir
  8. Ér, achei simples e não muito dificil :D
    Nossa, mudou o nome *o*
    Só percebi agora porque há dias não entro no blog :/
    Beijo. E uma ótima semana.

    http://vitaminadepimenta.blogspot.com.br/
    @LariCrazy_

    ResponderExcluir
  9. Anônimo5/6/12

    Amei esse tutorial, bem simples...
    amei o nome do blog
    boa semana fofa
    http://purocaprichoo.blogspot.com.br/

    ResponderExcluir
  10. Eu já conhecia esse tutorial,mas é sempre bom relembrar e ele é bem fácil.
    http://i-teenbr.net.tc

    ResponderExcluir
  11. Anônimo5/6/12

    Ah fica bem mais alinhado adoro!!



    BEIJUXX
    http://ianapaulinhaaaa.blogspot.com.br/

    ResponderExcluir
  12. Ah, eu te coloco como afiliada lá no meu cantim. Só tu me colocar aqui também.
    E desculpinha a demora, tá uma doidera aqui e eu tava com preguiça -q
    Passa lá. Beijão na testa ;*

    http://sukitadecereja.blogspot.com.br

    ResponderExcluir
  13. Não conhecia o tutorial, adorei saber, vai ajudar muita gente!

    Beeeijos
    #Nhaaac >>>http://the-lovers-official.blogspot.com/

    ResponderExcluir
  14. Otimo tutorial, já conhecia mas ta bem feito.
    fannydream.blogspot.com

    ResponderExcluir
  15. Legal o tutorial,gostei
    Obrigada pela visita lá no blog bjs
    Tem post novo lá no blog,unhas da semana passa lá?

    http://dezapaixao.blogspot.com.br/

    ResponderExcluir
  16. Muito bom o tuto ein *---*
    Seu blog é mt divo *--* e estou seguindo, sempre estarei por aqui, quando tiver um tempinho passa lá no meu e se gostar seguir? pfvr. Sou iniciante e vai me ajudar muito e também vai ser uma honra te receber no meu cantinho *-*. Bjs Ana K. Via Morangos Despedaçados.

    >>> www.morangosdespedacados.blogspot.com <<<

    ResponderExcluir
  17. Não conhecia o tuto, mas adorei <3

    Beijos,
    blogcandysweet.blogspot.com

    ResponderExcluir
  18. Adoro tutoriais simples e explicadinhos, adorei esse!!

    Bjos
    http://borboletaazul-cah.blogspot.com.br/

    ResponderExcluir
  19. Muito bom o tutorial, mais gosto dos Gadgets no Lado esquerdo, assim sobra mais espaço.. ^^ E quando é texto, coloco sempre justificado *-*

    www.ecleticus.com

    ResponderExcluir
  20. Super me ajudou,obrigada linda darei os devidos créditos se eu por acaso usar *-*
    Bjs,Mymys :3
    http://plush-bomb.blogspot.com.br

    ResponderExcluir
  21. Fica bem legal centralizado rs mas gosto do menu com imagens, seguindo aqui.


    http://www.perfeitinhablog.com/
    http://thaisr-encomendas.blogspot.com.br/

    ResponderExcluir
  22. Tutorial show! Quando eu precisar, sei onde vou encontrar! *-*
    Muito show a postagem. Um tutorial super sem dúvidas e sem confusões! *-*

    Um beijo, Luuh C.
    luuhkawaii.blogspot.com.br/

    ResponderExcluir
  23. Nossa estava procurando esse tuto faz muiiito tem. Muito obrigada!
    Beijos!

    www.todanamake.blogspot.com

    ResponderExcluir
  24. Olá, por meio de outros blogs cheguei ao seu *-*. Já estou te seguindo.
    Será que você pode me seguir de volta?
    http://expectativasreais.blogspot.com.br/
    Beijos.

    ResponderExcluir
  25. Muito show, alias seu blog é lindo!
    to seguindo

    Inventando Moda
    (clique no perfil)

    ResponderExcluir
  26. Adorei o tuto, bem simples ^-^

    ResponderExcluir
  27. Adoreeeeeeeeeeeeei,bem simples e eficiente.Parabéns!

    ResponderExcluir
  28. adorei o tuto, ótimo ele bem simples :D
    bjinhos
    conversando-com-a-lua.blogspot.com.br

    ResponderExcluir
  29. Perfeito,adorei o tutorial.Não sabia que dava para centralizar as guias e seu tutorial ajudou muito. ♥
    www.estrambotices.blogspot.com

    ResponderExcluir
  30. Eu sabia que dava pra fazer isso de uma forma simples, mas não estava conseguindo colocar o código no lugar certo! Já ia modificar o modelo inteiro de novo...hahaha Valeu! :)

    ResponderExcluir
  31. Obrigada, me ajudou muito estava a muitos dias atrás, alias amei o blog!
    http://qualejulieta.blogspot.com.br/

    ResponderExcluir
  32. Oi, Gessy,
    Comecei um blog recentemente e seu tutorial me ajudou bastante. Obrigada!
    Abraço,
    Anna

    EscrevendoAsas.com

    ResponderExcluir
  33. NO MEU NÃO APARECE ESSE "PROSSEGUIR" E NAO ENCONTREI ESSES CODIGOS

    ResponderExcluir

Deixe aqui sua opinião a respeito do post ou do blog ♥
Você pode comentar através do Facebook também! É rápido, simples e prático!