martes, 20 de diciembre de 2011

Gadget para que nos enlacen

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 > Elementos de la página > Añadir un gadget > HTML/Javascript y ahí pega lo siguiente:


CÓDIGO:
<center><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><center>

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.

Este botón podemos personalizarlo,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/AVvXsEjNZIUug_fGzenrTch_DBzAqFJWG1Cmc0is3kPtkqwTgADRn9c2kOQkUwqHwYswmRn3SZRTg6IPow9H6e0XQLtF7YE-yxnutBcMgBbp0lrpDzXgHVYiRFE5T619v4gC2WQ-IvnQgb1-GVA/s400/boton.png);" value="Enlázame" name="go" type="submit" />

1 comentario: