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
Jú, boa dica para quem não sabe html hehe
ResponderExcluir@ 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
Uma verdadeira lição de html :)
ResponderExcluirAntes, eu só usava [center /center]; mas agora está tudo esclarecido; obrigada***
ResponderExcluirLeandro, isso é um pouco complicado de explicar pois vai depender do template. Não tem como generalizar.
ResponderExcluirJuliana, tudo bem intão.
ResponderExcluir@ Mundo Digital
Olá Juliana,
ResponderExcluirapesar 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
Prezado Sebas,
ResponderExcluirComo 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
Salve Salve os padrões HTML!
ResponderExcluirSimples assim =P. Também pode se usar o Windows Live Writter pra fazer isso, basta editar usar a aba "Código-fonte"
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.....
ResponderExcluir@dfcossta
[In]Commun
Oi Juliana,
ResponderExcluirEu 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!
Nossa, que... fácil! Às vezes custamos a acreditar que coisas tao óbvias produzem efeitos tão bons! Valeu pela dica (mais uma vez)!
ResponderExcluirAmei, 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.
ResponderExcluirOlá, gostaria de saber onde fica esse "Configurar HTML/JavaScript", pois num consegui achar no meu blog. :/
ResponderExcluirGostei muito do seu blog, parabéns!
obg.
boa dica irmao...salvou..ehehhh
ResponderExcluirMuito bom esse Blog !
ResponderExcluirParabéns pela criatividade e competência !
Oi Juliana,
ResponderExcluirParabéns pelas super dicas.Está ajudando muitoo!
bjs
Otimo...tutorial..
ResponderExcluirAcabei de usa! Deu certinho com o html! :D
ResponderExcluirObrigado :)
ResponderExcluirPerfeito vc é o cara
ResponderExcluirExcelente dica!! Valeu!
ResponderExcluirBlogospellogia = Não é o cara é A CARA!!! rsrr
Suas dicas são sempre uma grande mão na roda.
ResponderExcluirObrigado!
JLF
Foi uma maravilha isso, eu tinha um probleminha com alguns Widgets revoltados que adoravam ficar desorganizados.
ResponderExcluirObrigado pela ajuda.
E os widget do adsense por exemplo que já é fixo?
ResponderExcluirTem como?
ola! gostaria de saber onde fica esse "Configurar HTML/JavaScript", pois não consigo ver onde isso está :s
ResponderExcluirMariana Sousa,
ResponderExcluirSempre 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
cara vc e des gostei muito valew mesmo obrigado fui
ResponderExcluiradorei 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