28 dezembro 2008

Criando uma caixinha link-me

Atendendo à minha recente necessidade, a qual resolvi facilmente, decidi postar aqui como fazer de um modo simples uma caixinha link-me semelhante à demonstrada em baixo para colocar no seu site.

"Muito Obrigado!" é editável.

Para começar deve já ter criado o seu banner e hospeda-lo por exemplo no ImageShack. De seguida deve copiar o seguinte trecho:

<div
style="border: 1px dotted rgb(204, 204, 204); padding: 5px; margin-top:
10px; margin-bottom: 10px; text-align: center;">
<img style="border: 1px solid rgb(0, 0, 0);" src="URL_DO_BANNER"
/><br/>
Divulgue o (nome do blog)<br/>
<input onfocus="this.select()" value="&lt;a
target=&quot;_blank&quot; href=&quot;URL_DO_BLOG&quot;
title=&quot;NOME_DO_BLOG&quot;alt=&quot;NOME_DO_BLOG&quot;&gt;&lt;img
src=&quot;URL_DO_ BANNER&quot;
style=&quot;border: 1px solid #000000&quot;
/&gt;&lt;/a&gt;" type="text"
onmouseover="this.focus()"
style="color: rgb(153, 153, 153); margin-top: 0.5em;" size="20"
name="Banner"/></div>


Agora cole o trecho no widget HTML/JavaScript no caso de usar o Blogger fazendo as seguintes alterações:
  • Inserir o endereço do banner e do blog nos campos coloridos a vermelho.
  • Inserir o nome do Blog nos campos coloridos a verde.
Informação [Via: DicasBlogger]

3 comentários:

  1. Olá
    Muito interessante este artigo, aliás estava mesmo a precisar de colocar umas caixinhas destas nos meus blogs

    Cumprimentos

    ResponderEliminar
  2. Boa dica. Estou a precisar de criar uma para o meu blog mas nunca tive muita paciência para procurar como se fazia. Mas agora não preciso procurar mais. :)
    Abraço.

    ResponderEliminar