Slide # 1

PADRÃO APRESENTADO SLIDE 1 TÍTULO

VÁ PARA O BLOGGER EDITAR HTML E ENCONTRAR ESTE TEXTO E SUBSTITUIR PELA SUA DESCRIÇÃO DO POST EM DESTAQUE..... Mais informações »

Slide # 2

PADRÃO APRESENTADO SLIDE 2 TÍTULO

VÁ PARA O BLOGGER EDITAR HTML E ENCONTRAR ESTE TEXTO E SUBSTITUIR PELA SUA DESCRIÇÃO DO POST EM DESTAQUE..... Mais informações »

Slide # 3

PADRÃO APRESENTADO SLIDE 3 TÍTULO

VÁ PARA O BLOGGER EDITAR HTML E ENCONTRAR ESTE TEXTO E SUBSTITUIR PELA SUA DESCRIÇÃO DO POST EM DESTAQUE..... Mais informações »

Slide # 4

PADRÃO APRESENTADO SLIDE 4 TÍTULO

VÁ PARA O BLOGGER EDITAR HTML E ENCONTRAR ESTE TEXTO E SUBSTITUIR PELA SUA DESCRIÇÃO DO POST EM DESTAQUE..... Mais informações »

Slide # 5

PADRÃO APRESENTADO SLIDE 5 TÍTULO

VÁ PARA O BLOGGER EDITAR HTML E ENCONTRAR ESTE TEXTO E SUBSTITUIR PELA SUA DESCRIÇÃO DO POST EM DESTAQUE..... Mais informações »

Com este código você irá criar uma caixa de link-me igual a que utilizo neste blog. Mais para isso é preciso que você crie seu banner é aconselhável um banner no formato 120 x 60 que é um padrão adotado pela maioria dos blogs. Depois de ter feito o seu banner é hora de hospedá-lo para que você possa pegar a URL da imagem.

Para hospedar sua imagem você pode utilizar o ImageShack

Copie e cole este código em um elemento html de seu blog e altere apenas o que se pede.



<p align="center"><span
class="font2"><b></b></span></p>
<p align="center"><img
src="URL DA IMAGEM" hspace="2"
vspace="5" />

<textarea onfocus="this.select()" onmouseover="this.focus()"
rows="3" cols="10" name="textarea" style="border: 1px solid rgb(0, 0,
0); font-family: verdana; font-size: 8pt; background-color: rgb(255,
255, 255);"><br /><a
href="URL DE SEU BLOG"
target="_blank"><img
src="URL DA IMAGEM" border="0"
/></a><br /></textarea>
</p>

Sua caixa de link-me deverá ficar assim:





Aprenda a fazer um banner animado no Fireworks através de uma vídeo-aula no blog Dicas Blogger

Clique aqui e assista a vídeo-aula

11 comentários:

  1. Olá André José, me amarrei no seu blog. Muito útil e cheio de dicas bacanas, como a da Caixa de Link-me.
    Tenho uma dúvida: será que existe um código para gerar uma caixa de Link-Me sem usar Javascipt? Agradeço demais a sua atenção. Obrigado!

    ResponderExcluir
  2. excelente
    só esse método deu certo cmgo
    mt obrigada

    ResponderExcluir
  3. ala galera visitem meu blog..

    Romariosite.blogpot.com

    ResponderExcluir
  4. Nossa, obrigado mesmo!
    Era o que eu estava precisando.
    Valeu mesmo

    Abraço,

    ResponderExcluir
  5. Obrigado Amigo, valeu pelo tuto, abraçao

    http://cabanavideos.blogspot.com/

    ResponderExcluir
  6. Obrigada mesmo, estava querendo fazer isto. :)

    ResponderExcluir
  7. CARA VALEW MESMO FUNCIONOU DIRIETINHO BRIGADAO

    ResponderExcluir
  8. muito boa a dica...
    tenho algumas dicas no meu site tb
    http://gruposupersite.blogspot.com/

    ResponderExcluir
  9. Muitoooo boommm!!!!
    Até coloquei em meu blog, muito obrigado !

    http://estantedoconde.blogspot.com/

    Olha aee! ...já sou seguidor e vou assino o feed! hehe

    ResponderExcluir
  10. Putz salvou minha vida!
    Seguindo o Blog, dá uma passada no meu segue e comenta se gostar.


    www.senhordoseculo.com

    ResponderExcluir

*Procure deixar comentários que tenha relação com o post
*Não faça spam
*formulário de contato
*Os comentários não refletem a opinião do autor deste blog
*Obrigado por comentar!!!