Botón para que nos enlazen con un Click

Esta entrada es en respuesta a una consulta de Alive

Hola
He puesto en mi blog en enlazame y funciona si copias en enlace y lo pegas en el tuyo pero..
como puedo hacer para que funcione como en otros blogs que he visto que pinchando en el dibujo sale una pag de blogger de añadir elemento?
gracias

Y es muy fácil, sólo debes agregar al final del código que ya tienes (Imagen con textarea y código) este otro código.


<center><form action="http://beta.blogger.com/add-widget" method="post"><input value="FAVOURITE" name="widget.title" type="hidden"/><textarea style="display: none;" name="widget.content"><a href="URL DEL BLOG"><img alt="TITULO DEL BLOG" src="URL DE LA IMAGEN DEL BOTON"/></a></textarea><input value="http://buzz.blogger.com" name="infoUrl" type="hidden"/><input value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/><input value="Cick Para Enlazar" name="go" type="submit"/></form></center>

Lo que debes cambiar es lo que está en negro por lo que corresponda, si quieres puedes eliminar el textarea que acompaña a tu imagen o lo dejas, como está en mi sidebar.
Una vez que ya tienes todo esto, al pinchar en el botón se te abrirá una ventana


Pinchar para ampliar

Pronto, es muy fácil, mucha suerte !!! ^_^

Actualización para ALINE (09/11/07)

Acá te dejo el código para la imagen la cajita y el botón

<center><a href="http://mividaconmigoalive.blogspot.com" target="_blank"><img src="http://img101.imageshack.us/img101/3290/mynewbannerwh5.jpg" title="Mi vida Conmigo"/></a></center>
<center><h2 class="sidebar-title"></h2>
<textarea><a href="http://mividaconmigoalive.blogspot.com" target="_blank">
<img src="http://img101.imageshack.us/img101/3290/mynewbannerwh5.jpg
" title="Mi vida Conmigo"/></a></textarea></center><center><form action="http://beta.blogger.com/add-widget" method="post">
<input value="FAVOURITE" name="widget.title" type="hidden"/>
<textarea style="display: none;" name="widget.content">
<a href="http://mividaconmigoalive.blogspot.com" target="_blank">
<img alt="Mi vida Conmigo" src="http://img101.imageshack.us/img101/3290/mynewbannerwh5.jpg"/>
</a>
</textarea>
<input value="http://buzz.blogger.com" name="infoUrl" type="hidden"/>
<input value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/>
<input value="Cick Para Enlazar" name="go" type="submit"/>
</form></center><hr/><br/>

También te dejo el código sin la cajita

<center><a href="http://mividaconmigoalive.blogspot.com" target="_blank"><img src="http://img101.imageshack.us/img101/3290/mynewbannerwh5.jpg" title="Mi vida Conmigo"/></a></center>
<center><form action="http://beta.blogger.com/add-widget" method="post">
<input value="FAVOURITE" name="widget.title" type="hidden"/>
<textarea style="display: none;" name="widget.content">
<a href="http://mividaconmigoalive.blogspot.com" target="_blank">
<img alt="Mi vida Conmigo" src="http://img101.imageshack.us/img101/3290/mynewbannerwh5.jpg"/>
</a>
</textarea>
<input value="http://buzz.blogger.com" name="infoUrl" type="hidden"/>
<input value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/>
<input value="Cick Para Enlazar" name="go" type="submit"/>
</form></center><hr/><br/>


Acá te dejo el código que estás buscando, donde te aparece solo la imágen y cuando pinchas en ella te aparece el formulario para agregar a tu blog.

<center><form action="http://beta.blogger.com/add-widget" method="post">
<input value="FAVOURITE" name="widget.title" type="hidden"/>
<textarea style="display: none;" name="widget.content">
<a href="http://mividaconmigoalive.blogspot.com" target="_blank">
<img alt="Mi vida Conmigo" src="http://img101.imageshack.us/img101/3290/mynewbannerwh5.jpg"/>
</a>
</textarea>
<input value="http://buzz.blogger.com" name="infoUrl" type="hidden"/>
<input value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/>
<input src="http://img101.imageshack.us/img101/3290/mynewbannerwh5.jpg" type="image"/>
</form></center><hr/><br/>

Aclaración:
Donde está el texto en Verde es la URL de nuestro Blog
Lo que está en Azul es la URL de nuestra imágen
Y lo que está en Amarillo es el título de nuestro Blog

Seguir Leyendo...[+/-]