lunes, 13 de abril de 2009

MINIBOTONES DE ENLACE

Bueno como bien sabréis, una de las cosas principales a la hora de tener un blog es darse a conocer, para ello que mejor forma que crear enlaces desde otros sitios a vuestro blog. Google tiene un maravilloso sistema que reconoce los enlaces entrantes y salientes de una determinada URL, de esta forma cada cierto periodo de tiempo (cada 3 meses si todo funciona correctamente) actualiza lo que llama Pagerank, esta es una valoración podríamos decir de calidad de un determinado lugar. Podéis consultar vuestro Pagerank desde aquí. Si soys nuevos en esto es muy posible que el resultado sea pagerank 0 pero no os preocupéis ya que como dije anteriormente se actualiza cada 3 meses. Una forma muy inteligente de hacer subir ese valor es creando minibotones de enlace, que permitirá a otros usuarios incorporaros a sus sitios. La forma de crearlo es la siguiente:

Primer paso:(Diseño del minibotón)

Bueno esto podríamos decir que es lo que os llevará un poquito de tiempo ya que tendréis que adaptar vuestro estilo. Tendréis que acceder a la web de kalsey, desde aquí configuraréis el estilo de vuestro botón, es muy sencillo y intuitivo, desde la opción submit podréis comprobar como va quedando vuestro diseño.

Segundo paso:(Guardamos el botón)

Bueno para guardar el botón lo podemos hacer de la siguiente manera. Nos situamos encima de la imágen generada y con el botón de la izquierda del mause hacemos click, aquí seleccionaremos guardar como le pondremos un nombre por ejemplo boton.jpg os recomiendo la extensión jpg ya que es mas ligera a la hora de mover la imagen. Ahora tendremos que alojarla en un servidor de imágenes por ejemplo este, generáis el código y os guardáis en algún lugar la dirección que dice Enlace directo a presentaciones.

Tercer paso:(Montar el enlace)

Llegado este punto ya lo tenemos casi todo. Crearemos un Gadget de tipo HTML/Javascript y añadiremos lo siguiente:


<p align="center"><img vspace="5" hspace="2" src="URL DE LA IMAGEN"/><br/>
<textarea rows="3" cols="10" onfocus="this.select()" onmouseover="this.focus()" style="font-family:verdana; font-size:8pt; border:1px solid #000000; background-color:#ffffff;" name="textarea">
<a href="http://VUESTRO BLOG" target="_blank"><img border="0" src="URL DE LA IMAGEN"/></a>
</textarea>
</p>
Datos amodificar del código:
  • URL DE LA IMAGEN: Dirección generada por el servidor que será del tipo http://
  • VUESTRO BLOG: Dirección de vuestro blog en el caso de blogger será http://nombre.blogspot.com.
Nota: Fijaros que la URL de la imagen la tendréis que incluir en 2 lugares del código.

Guardamos los cambios y ya está, los usuarios tan solo tendrán que agregar el código que se encuentra en la parte inferior de vuestro botón.

Resultado:





Os invito a agregar el mio a vuestro sitio :)

5 Comentarios:

Eva Maria dijo...

Hola esta es la primera vez que te escribo pero te sigo desde hace algun tiempo,necesito ayuda, mi problema es que he modificado sin querer el contador de visitas de mi blog y se ha puesto a cero ¿crees que se puede modificar y poner el nº que tenia antes? muchas gracias.

caxitos dijo...

Eva, no te preocupes no pasasa nada si que se puede asignar un valor al contador. Es cierto que no todos lo permiten, es una opción que se nos da a la hora de crearlo 'asignar valor inicial', en concreto tu modelo no lo se pero puedes crear uno desde aqui http://www.histats.com/ hay un monton de modelos, para ello suscribe tu sitio y uno de los datos que te pide es el valor inicial del contador Suerte!

Publicar un comentario

Haga su comentario

Bienvenido al Rincon del Blog
Tus comentarios nos ayudan a mejorar
Muchas Gracias por Comentar.