Centralizando os Gadgets

Quando colocamos imagens e outros gadgets na sidebar eles tendem a ficar sem margem, encostados no canto da coluna e isso fica feio e desproporcional, pois alguns gadgets por padrão ficam centralizados, depende muito do template também. Então, eu vou explicar como centralizar esses gadgets. 

Esses gadgets tem que ser do tipo HTML/JavaScript, se você colocou uma imagem na sidebar de outra forma pode ser que não dê certo, pois é preciso mexer no código. É necessário apenas adicionar uma tag. Para centralizar o objeto utilize <center> e </center>. Por exemplo, este código:

<a href=http://shopping-da-fulaninha.blogspot.com title="Shopping da Fulaninha – Templates e Acessórios" target="_blank"><img src="http://img29.imageshack.us/img29/7262/encomendas.png"></a>

Este código é uma imagem linkada, se eu fosse colocá-la no template sem a tag <center> ela ficaria encostada na coluna, totalmente sem margem. Então centralizando a imagem usando esta tag o código ficará assim:

<center><a href=http://shopping-da-fulaninha.blogspot.com title="Shopping da Fulaninha – Templates e Acessórios" target="_blank"><img src="http://img29.imageshack.us/img29/7262/encomendas.png"></a></center>

Lembrando que as tags na linguagem HTML são os comandos. É necessário colocar a tag aberta no início <center> e fechá-la no final </center>. A barra antes de center significa o fechamento da tag. Se você não fechar a tag ela não funciona.

Da mesma forma que podemos centralizar um objeto usando <center>, podemos deixá-lo alinhado a esquerda usando <left> código </left> ou alinhado á direita usando <right> código </right>.

Fonte: http://blogger-da-fulaninha.blogspot.com