Buscar en este blog

Mostrando entradas con la etiqueta Gadgets. Mostrar todas las entradas
Mostrando entradas con la etiqueta Gadgets. Mostrar todas las entradas

sábado, 9 de enero de 2010

Colocar una imagen para subir al principio del blog

Si quieren poner esta imagen en la parte inferior de su blog para que al clickearla los direccione nuevamente al inicio de la página, solo tienen que añadir el código que se proporciona en un gadget de HTML.

Dependiendo si lo quieren a la derecha o a la izquierda de su pantalla, tendrán que elegir uno u otro código.

Para poner de la derecha:

<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="#"><img src="http://i177.photobucket.com/albums/w206/nanup73/Imagen2.gif" /></a>

Para poner de la izquierda:

<a style="display:scroll;position:fixed;bottom:0px;left:0px;" href="#"><img src="http://i177.photobucket.com/albums/w206/nanup73/Imagen2.gif" /></a>

Botón para enlazar tu blog

Para colocar una imagen y un botón para enlazar nuestro blog, (como el que está arriba), tan solo tienen que crear un gadget HTML/Javascript en el lugar dónde quieran poner la imagen y copiar el código que se muestra a continuación. Luego,sustituir las letras en rojo por la URL de la imagen que quieran mostrar como enlace y en "dirección del blog" escribir de la dirección de su blog.

<center><img src="URL DE TU IMAGEN"/><form action="http://beta.blogger.com/add-widget" target="_blank" method="post">
<input value="" name="widget.title" type="hidden"/><textarea style="display: none;" name="widget.content"><!-- Código del enlace -->
<a href="DIRECCION DEL BLOG"><img src="URL DE TU IMAGEN"/></a>
</textarea><input value="Enlazar" name="go" type="submit"/></form></center>

Guardar y listo.

Como crear un widget para que agreguen un enlace a tu blog

En este artículo te mostraremos como crear un widget(segmento de código) para que tus visitantes sólo tengan que pulsar un botón para agregar un enlace a tu blog en el suyo.

  1. Entra a la pestaña “Plantilla” o también llamada “Diseño” desde el escritorio.
  2. Da click en “Añadir un elemento de página” en la sección donde deseas tener el botón y selecciona “HTML/Javascript” como tipo de elemento.
  3. Coloca en el título “Agreganos” o el mensaje que desees este sobre el botón o bien, deja en blanco (el botón ya traerá texto).
  4. En el campo de “Contenido” pega el siguiente código:

    <form action="http://beta.blogger.com/add-widget" method="post" target="_blank">
    <input value="" name="widget.title" type="hidden" />
    <textarea style="display: none;" name="widget.content">
    <!-- Código del enlace -->
    <a href="http://TUBLOG.blogspot.com">TU BLOG</a>
    </textarea>
    <input value="Agrega a NOMBRETUBLOG a tu Blogroll" name="go" type="submit">
    <input type="hidden" name="infoUrl" value="http://blogandweb.com/2007/06/06/como-crear-un-widget-para-que-agreguen-un-enlace-a-tu-blog/"/>
    </form>

    Donde tendras que hacer las siguientes sustituciones:

    http://TUBLOG.blogspot.com – Por la dirección de tu blog.
    TU BLOG – Por el nombre de tu blog o el código de una imagen. Esto será lo que aparesca en el blog de quien te agregue.
    Agrega a NOMBRETUBLOG a tu Blogroll – Por el mensaje que quieras aparesca en el botón.

    Este código funciona también para otros sistemas de blog y cualquier web, pero sólo podran agregarte los usuarios de Blogger.

Gracias a Blog and Web