Botón de acceso al blog en la barra de Google

Con solo un click tus visitas podrán añadir un botón de acceso directo a tu blog en su barra de Google.
Toda la información necesaria para instalarlo en ¿Como se hace...?

Genera tu imagen de enlace en minutos.

Hace tiempo mencionaba la forma de conseguir un botón o imagen de enlace para nuestro blog, aunque no era difícil de entender la forma de lograrlo, la web estaba en portugués y eso complicaba algo las cosas...

En El Mimi Taller podéis crear vuestro propio botón para que otros os enlacen y lo mejor del sistema, además de sencillo y efectivo, es que está en español.

Ahora ya solo necesitáis una imagen adecuada y ¡a por el botón de enlace!


Crea tu imagen de enlace.

Si vas a utilizar las imágenes de esta entrada, subelas antes a tu propio alojamiento. No hagas Hotlinking.

Link a tu blog mediante un widget

Con este método proporcionamos a nuestros visitantes un botón de enlace de nuestro blog, para que lo coloquen en el suyo.
El botón se añadirá con el mismo sistema de añadir un widget de forma automática.

[1] En primer lugar hemos de tener creado un botón de enlace de nuestro blog. Si aún no lo tienes y quieres uno rápido y fácil, puedes visitar Cool Text.

[2] Subimos el botón a un alojamiento de imágenes y copiamos su url (dirección).

[3] En nuestra plantilla - añadir nuevo elemento, escogemos un elemento Html-javascript y pegamos este código:

<img src="URL DE TU BOTON"/>
<form action="http://beta.blogger.com/add-widget" method="POST">
<input value="FAVORITO" name="widget.title" type="hidden"/>
<textarea style="display:none;" name="widget.content">

<a href="URL DE TU BLOG"><img src="URL DE TU BOTON" alt="TITULO DE TU BLOG"></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="Enlaza mi Blog" name="go" type="submit"/>
</form>

Sustituimos lo que está en mayúsculas por nuestros propios datos.
Donde pone "Enlaza mi Blog" también podemos poner lo que queramos, teniendo en cuenta que eso es lo que se verá escrito en el botón que saldrá en nuestra sidebar:

Cuando un visitante de nuestro blog desee enlazarnos, solo tendrá que pinchar en ese botón y seleccionar el blog donde ha de salir nuestro enlace y el título que va a ponerle (puede dejarse sin titulo):



Nuestro botón de enlace aparecerá de forma automática en el blog del visitante, solo tendrá que arrastrarlo donde mejor le parezca.

Enlace a correo electrónico

Para crear un enlace hacia un correo electrónico usaremos el atributo href como para cualquier otro enlace , pero agregaremos al principio de la dirección el mailto: que vendría a sustituir el protocolo (http://, ftp://, etc).

Ejemplo con texto

<a href="mailto:lejaniaimposible@hotmail.com">Email del Escaparate</a>

En este ejemplo, lo que se vería donde coloquemos el enlace es "Email del Escaparate" y al pinchar sobre eso, se abrirá automáticamente el formulario para enviar el email.

Email del Escaparate

Ejemplo con imagen

<a href="mailto:lejaniaimposible@hotmail.com"><img src="http://img123.imageshack.us/img123/1621/iconoemaildn0.gif"/></a>

Como se observa en el ejemplo, hemos de sustituir el texto del enlace (Email del Escaparate) por la dirección (url) de la imagen.



Consulta también: Tu email en imagen (evitando el spam)

¡Suerte Javier!

Código de enlace online

Si ya tienes una imagen o botón para usar como enlace a tu blog, te será muy fácil añadirle el código necesario para que se vea igual que el que tengo yo en mi sidebar debajo de "Enlazame".
Con esta sencilla aplicación online será un minuto. Colocamos la dirección (url) de nuestro blog en: "Endereço do seu blog" y la dirección de la imagen o botón, que habremos subido previamente a un alojamiento de imágenes, hemos de colocarla en "Endereço do seu button".
El código resultante lo pegamos en un elemento HTML-Javascript.

Gerador LINK-ME

Para que otros nos enlacen

He visto que algunos de mis visitantes han llegado al blog a través de Google buscando el código para colocar en su blog y que otros puedan enlazarlos. Nada más fácil:
1- Antes que nada has de tener la imagen que deseas mostrar, te aconsejo que no sea muy grande pues no a todo el mundo le gusta ponerlas grandes en el blog.
2- Subes la imagen a la red ( ImageShack, por ejemplo)y copias la url de tu imagen.
3- En este código sustituyes "url de tu página" por la dirección de tu blog y "url de tu imagen" por la url que te da ImagesShack.

<a href="url de tu página" target="_blank"><img src="url-de-la-imagen"/></a>
<textarea><a href="url-de-tu-página " target="_blank">
<img src="url-de-la-imagen"/></a></textarea>

Debería quedar así:


<a href="http://elescaparatederosa.blogspot.com" target="_blank"><img src="http://img186.imageshack.us/img186/7551/linkif8.jpg" /></a>

Si queremos variar el alto y ancho de la caja de texto, añadimos rows="5" cols="50" justo después de <textarea, donde rows es el alto y cols el ancho.

¡Que te diviertas! y ya sabes, cualquier duda me comentas...