Tutorial: Bordinha cinza na foto

Yo! ~ Com certeza eu precisava postar algo logo, pra vocês não entrarem no blog e verem aquela vergonhosa volta, que ficou bem pequena, mas eu sei que se eu escrevesse mais vocês nem iriam ler. Então, o tutorial de hoje vai ser uma coisa bem simples, porque eu estou meio sem tempo de fazer coisas mais "boladas", pois estou meio ocupada com a correria do carnaval, e preciso ainda terminar de codificar o novo layout do blog. Nesse tutorial ensinarei a colocar uma bordinha em volta de qualquer imagem sem ter que "tocar" no editor de HTML.

O resultado é esse:

Você pode colocar em qualquer parte do seu blog. Seja nas imagens dos seus gadgets, nos afiliados, tanto quanto nas imagens da postagem.

Para colocar, basta adicionar o código abaixo em um gadget HTML/Java:

<center><img src="URL DA IMAGEM" style="background: transparent; width: 263px; padding-bottom: 20px; padding: 4px; border: 1px solid #e9e9e9; margin-right: 10px;" /></center>

O código começa com <center> porque centraliza a imagem. Portanto, se você quer que ela fique á esquerda, você coloca <left></left>, se quer á direita, coloca <right></right>. Você também pode mudar o "width: 263px;", porque ele deixa a imagem bem larga. Então troque pela largura da sua imagem. Certo?

Proibido reblogar!