martes, 11 de agosto de 2009

Cambiando el icono de Blogger en la barra de direcciones





Hoy toca doble tema!

Te fijas que en la barra de direcciones te aparece el icono de blogger (que es la B con un fondo naranja), cuando accesas a tu blog? Bueno pues en este tema te enseñare como puedes cambiar esa B de blogger por el icono de tu preferencia! Asi se vera personalizado tu Blog y llamara la atencion!

Es muy sencillo, aqui te dejo los pasos:

1. Elige la imagen de tu Preferencia, te doy un tip por si no sabes que imagen escoger, si tu blog es de música puedes escoger una nota músical, si es de futbol un balon de futbol, si es de negocios un signo de dinero o un dolar, y si es personal una imagen que te guste mucho.

2. Una vez que tengas la imagen ocupas pasarla al formato que llamamos Ico. No te preocupes no es dificil, para convertir tu imagen a este formato usaremos esta Web de conversion de imagenes en internet que se llama Chami .Para convertir tu imagen da click en examinar (que es donde seleccionaras la imagen que haz escogido) y una vez que ya hayas dado click en tu imagen da click en Generate FavIcon.ico.

3. Una vez que hayas hecho eso, ocupas descargar el archivo que Chami a creado, para poder descargarlo ocupas irte a donde dice To add this FavIcon to your site y das click en Download.

4. Ya que hayas descargado el archivo, ocupas descomprimirlo (para descomprimirlo vete a la carpeta donde hayas guardado el archivo FavIcon, luego busca el archivo Zip que tiene el icono de unos libritos, da click derecho y donde dice extraer aqui da click y listo!), ya que lo hayas descomprimido ocupamos utilizar este servidor de alojamiento de imagenes llamado Hostanyimage .
Para subir tu imagen solo da click en Examinar, da click en la imagen que convertiste (que te aparecera en un iconito) y luego da click en Start Uploading, ya que le hayas dado click va a aparecer un cuadro con varios renglones, ve al renglon número 12 (contando de arriba a abajo) donde es la URL de la imagen lo unico que tienes que hacer es copiar la direccion Web de la imagen.

5. Ya que tengas la direccion Web, ocupas editar la plantilla de tu blog y para hacer esto ocupas irte a tu blog, da click en Personalizar y luego en Diseño-Edicion de HTML y busca los textos que tienen los puntos rojos de esta imagen, despues ocupas insertar el codigo que esta en el punto azul. (La Url que esta en la imagen, cambiala por la tuya), ya que hayas terminado da click en guardar plantilla.

Importante! La primera vez que cambie mi icono de blogger por el que ven arriba, no me salio porque ademas de pegar el codigo de mi FavIcon ocupas agregar lo que esta en el punto azul! Asegurate de que quede igual al ejemplo del punto azul ( la unica diferencia sera la Url del tu imagen, todo lo demas debe ser igual para que cambie tu icono).




Si haz hecho todo paso por paso te quedara asi, como me ha quedado a mi en la barra de direcciones.


Para cualquier duda que tengas, deja un comentario o entra al Chat y te respondere con gusto!

Hasta la Próxima!

No hay comentarios:

Publicar un comentario