Caixinha Link me!

Olá minhas pandinhas!

Assim que eu acabei de colocar a minha caixinha de Link me eu vim aqui postar como fazer e colocar no blog. Só clicar em mais informações e vamos ao tuto!

Bom, o tuto é rápido e fácil.

Primeiro passo: Criando a imagem da sua caixinha.

Você vai abrir seu photoshop e criar um novo arquivo. (de preferencia da mesma largura do seu Widget).

O meu foi de 250x180px, mas como disse coloque do tamanho que você quiser.

Segundo passo: Hospede sua imagem.

Bom, muitas pessoas hospedam no photobucket, maaas eu hospedo pelo blogger mesmo.

Terceiro passo: Aplicando o código em um gadget html/javascript.

LayoutAdicionar um gadgetHTML/JavascriptColar código à seguir.

<div align="center"><img vspace="2" hspace="2" src="LINK_DA_IMAGEM" /></div>
<div align="center"><textarea rows="3" cols="17" onfocus="this.select()" onmouseover="this.focus()" name="textarea">
<center><a href="SEU_URL" target="_blank">
<img border="0" src="LINK_DA_IMAGEM" /></a></center>
</textarea></div> 

 Entendendo o código: Em link da imagem, você coloca o link da imagem que você hospedou.

 E em seu url, você põe o link do seu blog.

Resultado final:

Espero que tenham gostado!

xoxo