sábado, 25 de maio de 2013
Como colocar caixa link-me personalizada
Olá pessoal sábado hoje é dia de folga e eu venho com esse tutorial sobre a caixinha link-me.
Na verdade eu não a uso em meu blog, mais fica ai para quem quiser.
A função dela é a divulgação de seu blog pois toda vez que alguém clicar será redirecionado para o mesmo, exemplo: Eu sou fan deu um determinado blog, então copio o código da caixinha link-me que ele disponibilizar e coloco em meu blog ou na área de postagens ou no Gadgets html/javascript. Desse modo toda vez que eu clicar na imagem ou alguém que estiver navegando pelo blog e clicar na imagem serão levados para o blog.
Para fazer a sua é bem simples. Copie o código abaixo e cole em um gadget de HTML/Javascript em seu blog:
<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>
<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>
Você só precisa colocar a url do seu banner de link-me e o link do seu blog nos lugares indicados, e alterar a fonte, cor de fundo e etc. nas partes que estão em cinza. Para quem não sabe, aqui a explicação de cada código:
Font-family: O tipo de fonte da letra (Ex: Arial, Calibri, Georgia)
Font-size: tamanho da fonte
Color: Cor do texto
Border: Estilo da borda você pode mudar o tamanho, a cor e o tipo de borda.
Background: Cor de fundo da caixa
Width: Largura em pixels da sua caixinha
Espero que tenham gostado, créditos deste tuto vai para o blog da Cherry Bomb
Assinar:
Postar comentários (Atom)
Nenhum comentário:
Postar um comentário