Caixa de link-me personalizada

Olá pessoal!!! Hoje o tutorial que vou ensinar, é do Cherry Bomb. É bem simples,  irei mostrar como personalizar aquela caixa de código bem pequena que usamos para por o código do banner de link-me.  Veja como fica no exemplo logo abaixo.

<a href="http://no-mundo-dos-livros.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQxks0gCtlm_ExUGbKFHD8CuWKjgZihVwybk7XAfpVf2HzYDT6qPYtYpz-7jww8V_R8c_ZIZRYBfdhuOupD8w4PA6cLwW_VLIJRr71yZ1Ip9QPfFTATuAkS_kOEKTWhVDYcqwIR2SZ8QPe/s1600/Sem+t%C3%ADtulo+5.png" border="0" /></a>

Pra fazer é bem simples. Copie o código abaixo e cole em um gadget de Html/JavaScript:

<p align="center"><img src="URL_DO_BANNER"/><br />

<textarea onfocus=this.select() onmouseover=this.focus() rows="3" cols="10" name="textarea" style="font-family: verdana; font-size:10px; color: #000; border:1px solid #000; background-color:#fff; width: 120px;">

<a href="LINK_DO_SEU_BLOG" target="_blank"><img src="URL_DO_BANNER" border="0" /></a>

</textarea>

</p>

Espero que tenham gostado!! Não esqueça de deixar seu recadinho nos comentários ♥

Créditos: Cherry Bomb