lunes, 2 de enero de 2012

Traductor de google

Muchos de vosotros ya conoceréis esta herramienta pero siempre hay algún despistado que aún no la conoce.

Google deja a nuestra disposición un widget que permite traducir nuestra página web a infinidad de idiomas, dando asi la posibilidad a nuestros visitantes extranjeros a exarle un vistazo al blog antes de asustarse. Aquí os explicaré dos sencillos pasos para implementar este widget en vuestra web o blog:

1) Si poseéis un blog en blogger, os he facilitado la implementación en un sencillo paso. Simplemente tendréis que buscar el traductor que tengo implementado en la parte derecha del blog y pulsar en el botón Obtener este widget.













De esta manera se os abrirá vuestro perfil de blogger preguntandoos si deseáis añadir el nuevo artilugio. Aceptais y después podéis mover el widget en la parte de la plantilla que más os guste, así de sencillo.

2) Si deseáis añadirlo a una página web su implementación es bien sencilla, entramos en la página del widget de google y pulsamos el botón Añadir a tu página web.

Una vez realizado este paso, nos permitirá personalizar el traductor a nuestro gusto, tamaño, colores, idioma. Es importante seleccionar primero el idioma ya que si lo cambiamos despues nos deshará todos los cambios realizados hasta el momento.

Una vez tengamos personalizado el traductor pulsamos Vista previa de las modificaciones y por último Obtener el código.

Para implementarlo solo tendremos que copiar el código obtenido donde queramos mostrarlo. 

Es importante que escribáis correctamente ya que las faltas ortográficas no las traduce.

Imagen personalizada de una web

Muchas personas deséan cambiar el icono que aparece en la barra de direcciones, en la parte izquierda de esta.






Este icono se llama favicon. Cualquier persona que disponga de una página web podrá crear su propio favicon para distinguir a su web de las demás, siempre es agradable ver que una web tiene su propio logotipo o icono en la barra de direcciones, le da un toque algo mas profesional aunque sea realmente sencillo de hacer.

Se pueden crear favicon desde photoshop o simplemente transformando una imagen normal que tengas en tu pc, eso ya depende de cada uno. Si deseas conocer algunas formas de crear tu propio favicon visita este post.

Para colocar en tu web el icono deseado solo tendrás que añadir a tu código html una simple linea. En tu código busca la etiqueta </title> y justamente despues pega este codigo:


<link href='URL DE TU ICONO AQUI' rel='shortcut icon'/>


Deberéis cambiar unicamente URL DE TU ICONO AQUI por la dirección donde tengáis subida vuestra imágen. Si no sabeis donde subir archivos visitar este otro post.

Una vez escrito este código ya tendréis vuestro icono personalizado. Este icono solo se mostrará siempre en firefox y en algun otro navegador. En IE no aparecerá si la web no esta añadida a vuestros favoritos.

Botón de imprimir

Como añadir boton de imprimir en mi web o blog





Hola de nuevo, hoy os traigo un sencillo javascript que os permitirá añadir un botón con la funcionalidad de imprimir la página que nuestra visita esta visualizando, ya sea un post o una pagina web común.

Lo único que tendréis que hacer seá añadir este código allá donde queráis que aparezca el botón imprimir:


<a href="javascript:print()">Imprimir</a>


Si deseais que en lugar de poner "Imprimir" el enlace sea un icono o imágen el código deberá ser el siguiente:
Ejemplo real:
Imprimir