Cambiar el icono tu blog en blogger
Navegando por la red, buscando formas de personalizar mi blog, me encontre con este dato para modificar el icono de la barra de navegacion en blogger, también llamado favicon, el cual es la B blanca sobre fondo naranja.
Hay dos formas de hacerlo una es con un sitio web que genere la imagen ico y la otra es con photoshop
Explicare primero como lo hice con el sitio web, si quieres conocer como lo hice con photoshop visita: "Cambiar icono de tu blog blooger con Photoshop".
Al principio me costo y tuve que consultar varios sitios, pero finalmente logré hacerlo mezclando la forma que a parece en Aún respiro con la de uno de sus comentarios.
Aqui esta:
- Escoger la imagen que quieran convertir en icono para su blog (trata que no sea un tamaño muy grande, pues note que se demoraba mas en realizar la operación, en mi caso fue una imagen de 200x200px).
- Ir al sitio http://www.chami.com/html-kit/services/favicon/, y cargar la imágen que escogieron.
- Les dara también la opción animada, aunque a mi no me resultó de esta forma, si descubren como lograrlo se agradece el comentario.
- Bueno, sigamos, presionen donde dice Generate Favicon .ico
- Luego hagan clic donde dice:
- Y guarden en el diso duro, se los entregará en un archivo .zip tendran que descomprimirlo.
- Ahora tendremos que subirla a un servidor de imagenes para poder cargarla en la plantilla Blogger, ojo que no todos aceptan fomato ico, según recomendación de Aún respiro está este: http://iconj.com/
- Acto seguido copian el codigo que les aparecera mas abajo, al final:
<link rel="shortcut icon" href="ruta y nombre del ico almacenado" type="image/x-icon" />
- Abren Blogger, van a la pestaña Diseño>Edicion Html>Expanden plantillas de artilugios.
- Si lo desean, pueden hacer un respaldo de la plantilla en estos momentos, por si algo saliera mal.
- Buscan la etiqueta </head>
- Peguen el codigo antes de esta etiqueta.
- Guarden cambios y ya está.
Si todo ha funcionado bien tendrían que, al cargar el blog estar viendo su icono en la barra de navegacion.
Cualquier problema no duden en consultar.
Relacionado:
0 comentarios:
Publicar un comentario