miércoles, 2 de junio de 2010

Gadget para que nos enlacen

Si bien hemos visto cómo poner en el blog un código para que nos enlacen, algunos tienen algún script u otro método para que no se pueda copiar nada en el blog, por lo que los lectores no pueden seleccionar y copiar el código para que nos enlacen.
En esos casos podemos recurrir a un gadget que servirá como un agregador de modo que con un sólo click el lector podrá poner en su blog nuestro banner para que nos enlacen sin necesidad de seleccionar, copiar y pegar, sólo hay que hacer click en el botón y Blogger lo agregará en el blog que el lector elija.



Para ponerlo entra en Diseño | Añadir un gadget | HTML/Javascript y ahí pega lo siguiente:
<img src="URL de la imagen"/>
<form action="http://beta.blogger.com/add-widget" method="post">
<input value="Blog Recomendado" name="widget.title" type="hidden"/>
<textarea style="display:none;" name="widget.content">

<a href="URL de tu blog" target="blank"><img title="Título del blog" src="URL de la imagen" /></a>

</textarea>
<input value="http://buzz.blogger.com" name="infoUrl" type="hidden"/>
<input value="http://www.blogger.com/favicon.ico" name="logoUrl" type="hidden"/>
<input value="Enlázame" name="go" type="submit"/>
</form>

Cambia la URL de la imagen, o sea tu banner, la URL de tu blog y el título del blog donde se indica y listo.
Donde dice Blog Recomendado es el nombre que tendrá el gadget del banner, puedes ponerle otro título o dejarlo vacío.
Donde dice Enlázame es el texto que tendrá el botón.

Por supuesto este botón podemos personalizarlo como vimos en cómo personalizar botones, de modo que si quieres darle un color o poner una imagen de fondo en el botón tendrías que modificar esta línea:
<input value="Enlázame" name="go" type="submit"/>


Ahí agregaríamos los estilos que queremos para el botón, por ejemplo, si lo modificamos de este modo:
<input style="border:0;height:27px;width:90px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8a8f529n_7p2xwBPgwJV1khuZ9qBzrVasuD42HGuPPhGkxkeNFNHoGfA567M-LG3hHSH5apa3xEwwN-dFLfnrwko5SFupi3i6bPBsTyIEHyvuygA8gOShe3Wx0AsYZRm40_0YA69fDLg/s400/boton.png);" value="Enlázame" name="go" type="submit"/>

El botón se verá así:


Como ves puedes darle un estilo al botón que se adecue a tu blog si lo deseas.
Con este gadget tus lectores podrán enlazarte de una manera fácil y sin necesidad de copiar y pegar códigos.

No hay comentarios:

Publicar un comentario