Como centralizar os widgets no Blogger

Como centralizar os widgets no Blogger

6 10 99
Como centralizar os widgets no Blogger 10 6 99

Dando continuidade à série Primeiros Passos, hoje vou ensinar como se faz para posicionar os widgets na sidebar, que é uma dúvida muito comum entre os leitores novatos.

Para obter este efeito, usaremos os códigos abaixo, substituindo “código do widget” pelo código que será inserido na sidebar em “html/javascript”. Iremos utilizar como exemplo uma imagem linkada, apontando para os feeds do Dicas Blogger.

CENTRALIZAR

<div align="center" > código do widget</div>

ou simplesmente

<center>código do widget</center>

Exemplo:

POSICIONAR À ESQUERDA

<div align="left" > código do widget</div>

ou simplesmente

<left>código do widget</left>

Exemplo:

POSICIONAR À DIREITA

<div align="right" > código do widget</div>

Exemplo:

Simples assim.

28 Comments
Comments
  1. Jú, boa dica para quem não sabe html hehe

    @ Você não me ensinou como faço uma página sem a sidebar igual essa sua (http://dicasblogger.blogspot.com/2008/01/sobre-o-blog-e-autora.html)

    Poderia me ensinar

    ResponderExcluir
  2. Antes, eu só usava [center /center]; mas agora está tudo esclarecido; obrigada***

    ResponderExcluir
  3. Leandro, isso é um pouco complicado de explicar pois vai depender do template. Não tem como generalizar.

    ResponderExcluir
  4. Juliana, tudo bem intão.

    @ Mundo Digital

    ResponderExcluir
  5. Olá Juliana,

    apesar das tags center, left e right continuarem compatíveis com maioria dos browsers, estão fora dos padrões desde o lançamento do HTML 4. O uso delas, bem como as tags u e algumas outras, não é recomendado pela w3c. (Se você testar neste formulário, vai dar erro... rs)

    Sua primeira opção é melhor entre as sugeridas, minha recomendação seria pelo uso da tag div com uma classe pré definida na folha de estilos (CSS). Algo como:

    <div class="centralizaWidget"> código do widget </div>

    Não esquecer de colocar junto aos estilos do template:

    .centralizaWidget{
    text-align:center;
    }

    Desculpe se me atravessei, como trabalho com webstardarts e principalmente gosto muito do Dicas Blogger não pude deixar de comentar :)

    []'s

    ResponderExcluir
  6. Prezado Sebas,
    Como você deve ter notado, este post faz parte da série Primeiros Passos, que é voltada para usuários iniciantes.
    Eu, particularmente, uso o NVU portable que trabalha com HTML 4, porém seria complicado explicar sua utilização para os novatos.
    O Dicas Blogger tem leitores de diversos graus de conhecimento e eu fico muito feliz de poder contar com colaborações como a que você nos deu.
    Fica aí a sua dica para os usuários mais avançados.
    Abraços

    ResponderExcluir
  7. Salve Salve os padrões HTML!
    Simples assim =P. Também pode se usar o Windows Live Writter pra fazer isso, basta editar usar a aba "Código-fonte"

    ResponderExcluir
  8. Chegando agora depois de um final de semana onde não há tecnologia suficiente para conexão à internet, muito bom o post, sempre "quase todos os dias" apanho para estas regrinhas, vou guardar para nunca mais fica na mão.....
    @dfcossta
    [In]Commun

    ResponderExcluir
  9. Oi Juliana,

    Eu comecei a fazer um blog e não sabia como continuar.
    Achei o "Dicasblogger" e estou conseguindo caminhar.
    Suas dicas são ótimas!
    Continue nos ajudando!

    Obrigada!

    ResponderExcluir
  10. Nossa, que... fácil! Às vezes custamos a acreditar que coisas tao óbvias produzem efeitos tão bons! Valeu pela dica (mais uma vez)!

    ResponderExcluir
  11. Amei, me ajudou muito este post. eu gostei tanto que ate adicionei seu banner pra que sempre que eu precisar, ficar mais facil encontar o Dicas.... Bjão.

    ResponderExcluir
  12. Olá, gostaria de saber onde fica esse "Configurar HTML/JavaScript", pois num consegui achar no meu blog. :/

    Gostei muito do seu blog, parabéns!
    obg.

    ResponderExcluir
  13. Muito bom esse Blog !
    Parabéns pela criatividade e competência !

    ResponderExcluir
  14. Oi Juliana,
    Parabéns pelas super dicas.Está ajudando muitoo!
    bjs

    ResponderExcluir
  15. Acabei de usa! Deu certinho com o html! :D

    ResponderExcluir
  16. Excelente dica!! Valeu!

    Blogospellogia = Não é o cara é A CARA!!! rsrr

    ResponderExcluir
  17. Suas dicas são sempre uma grande mão na roda.
    Obrigado!
    JLF

    ResponderExcluir
  18. Foi uma maravilha isso, eu tinha um probleminha com alguns Widgets revoltados que adoravam ficar desorganizados.
    Obrigado pela ajuda.

    ResponderExcluir
  19. E os widget do adsense por exemplo que já é fixo?
    Tem como?

    ResponderExcluir
  20. ola! gostaria de saber onde fica esse "Configurar HTML/JavaScript", pois não consigo ver onde isso está :s

    ResponderExcluir
  21. Mariana Sousa,

    Sempre que você acessa ao seu painel de configuração do seu blog, lá você encontra várias opções, uma delas é a configuração de design, nesta opção você inclui as chamadas widget, e nesta opção você pode centralizar com os códigos html informado acima.

    Claudio Alves
    http://negocio-internet-marketing.blogspot.com

    ResponderExcluir
  22. cara vc e des gostei muito valew mesmo obrigado fui

    ResponderExcluir
  23. adorei as dicas principalmente para mim que estou iniciando.+ gostaria de te pedir uma coisa coloca o resultado final para agente saber como ficou.um abraço parabens

    ResponderExcluir
 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top