Image Map

1.7.13

Caixa de link-me personalizada


Boa tarde meus goods ! Bem, na enquete de ontem, eu fiquei bem feliz com alguns comentários de pessoas pedindo para a chefia (Ingrid kkk) me dar mais uma chance e cá estou eu :) Do mesmo jeito que teve comentários positivos, também teve alguns negativos. Mais cada um tem a sua opinião não é mesmo ? Hoje o tutorial que vou ensinar, é do Cherry Bomb devido os créditos :)

O tutorial é bem simples, mas quando se quer fazer um layout perfeito, qualquer detalhe faz a diferença não é? Irei ensinar como personalizar aquela caixa de código bem pequena que usamos para por o código do banner de link-me. O nome "formal" dela é text area, e personalizá-la é bem simples. Veja como fica (x)




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>
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 negrito. 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 tenha ficado bem claro. Qualquer dúvida, não deixe de perguntar. 
Por hoje é só, não esqueça de deixar seu recadinho nos comentários ♥

11 comentários:

  1. Adorei o post, mas eu não uso link-me "/ Beijos, V-odka.

    ResponderExcluir
  2. Adorei Bruna! Já estou usando, eu já havia visto esse tutorial, mas fiz no meu blog antigo. Beijinhos :)

    jubsecaty.blogspot.com

    ResponderExcluir
  3. Adorei o tuto *3* Eu usava quando colocava os codigos em caixa >.<

    Kissus
    Mar de Glitter

    ResponderExcluir
  4. Primeiramente tenho que aprender à fazer um link-me, né, OAKSOAK' Mas adorei o tutorial, perfeito demais, fica lindo *O*

    Beijos,

    Juu-Chan do Nescau com Nutella.

    ResponderExcluir
  5. Adoreiii >.< muito obrigada tava precisando...
    http://princesamaloka.blogspot.com.br/

    ResponderExcluir
  6. nossa fica lindo, adorei o tuto o/
    acervo-de-livros.blogspot.com

    ResponderExcluir