Revista Comunicación

Tutorial: Widget ¡¡Enlázame!!

Publicado el 09 junio 2012 por Bebloggera @bebloggera
Por Makita desde Chile
Tutorial: Widget ¡¡Enlázame!!
No hay mejor publicidad para un Blog que algunas páginas amigas te enlacen en sus blogs para que mucha más gente te pueda conocer, visitar y leer.
Muchas páginas ofrecen que los enlaces copiando el código que te entregan en un nuevo widget, pero en esta ocasión les traigo una manera mucho más sencilla, lo cual incentivará a que más y más personas los enlacen!!
Para agregar este widget lo que deben hacer es ir a "Añadir Gadget" por código HTML/JavaScript dentro de Diseño, en tutoriales anteriores se explica como realizarlo de manera más directa.
Una vez allí copias el siguiente código:

<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>
Lo que debes cambiar en el código para personalizar es:

  • La URL de la imagen, aquí puedes agregar lo que desees, como el banner del blog o alguna imagen que lo identifique.
  • Donde dice Blog Recomendado es el nombre que tendrá el gadget, puedes ponerle otro título o dejarlo vacío.
  • Y donde dice Enlázame agregas el texto que quieres que tenga el botón.
  • El resto de los datos que se encuentran en rojo lo debes modificar por la información de tu blog.
Si quieres peronalizar el diseño del botón, lo que debes hacer es reemplazar la siguiente línea:<input value="Enlázame" name="go" type="submit"/>

Por este código

<input style="border:0;height:27px;width:90px;background:url(http://3.bp.blogspot.com/_qgZA1ny_dAs/TAacgAsyOzI/AAAAAAAAEQk/uwtXgshoot0/s400/boton.png);" value="Enlázame" name="go" type="submit"/>


Luego de este código base puedes ir realizando las modificaciones que quieras para que el diseño del botón se ajuste a los colores o estilo de tu Blog.

Fuente: http://ciudadblogger.com


Volver a la Portada de Logo Paperblog