Tutorial: Widget ¡¡Enlázame!!

Por Makita desde Chile


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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKoeV3-FiP68Ha5vXZ2j78j5us3qo5zoY0_3BmJV6OpQJlrYLClAea5i0LScA2JpJztTMYaAK5-lZeQvD88ByOKvA5_7wk8Vwe28sZ4_VJkHDL1Ygnqw0FSInWTEWm56mfVcnPxb5RFdo/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.






CONVERSATION

7 ya son Blogger@s:

  1. Gracias! Muy buen Widget. Voy a ver que tal queda. xoxo

    ResponderEliminar
  2. La Mujer Mutante(Lmm)12 de junio de 2012, 0:22

    Espectacular me encanto :)

    ResponderEliminar
  3. Respuestas
    1. Cambiaste todos los valores indicados, ojo que hay que cambiar algunos valores que no estan en rojo y se encuentran en negrita.

      Cuentame como te va :)

      Eliminar
    2. Me metí a tu blog y pude ver el error, falta que cambies los valores que se encuentran en rojo dentro del código :)

      Eliminar

Todo comentario que no tenga relación con el post o sobrepase los límites de la libre expresión, será moderado y no saldrá publicado.

Back
to top