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:

<br /><a href="http://sitiooriginal.blogspot.com" target="_blank"><img border="0" src="http://i40.tinypic.com/66itg1.png" /></a><br />

Os invito a agregar el mio a vuestro sitio :)