Cambiar el Favicon en Blogger
Hoy les voy a enseñar a cambiar el favicon en blogger. Para aquel que no sabe, el favicon es ese pequeña imagen que aparece en los navegadores al lado de la barra de direcciones. Lo que está marcado en rojo es el favicon:
El hecho de cambiar el favicon es porque le da un toque especial y personal a nuestro blog, ya que por defecto todo blog en blogger trae el favicon de la B en blanco sobre el fondo naranja.
Lo primero que debemos hacer es crear una imagen de 16x16 pixeles de tamaño. El diseño depende de cada blog en particular, lo mismo que los colores e imagenes que le quieran poner.
Una vez que tenemos la imagen 16x16 pixeles que queremos la guardamos. Aqui hay que prestar atención, ya que esa imagen que creamos es un archivo .jpg y lo que necesitamos nosotros para hacer el favicon es un archivo .ico. Para convertir ese .jpg a un .ico vamos a dynamic y clickamos en examinar, elegimos la imagen que creamos y le damos a Create Icon. Esto nos creará el .ico y lo descargamos a nuestra PC.
Ahora ya tenemos nuestro favicon en formato .ico, lo que tenemos que hacer ahora es subir esa imagen a algun hosting de imagenes que soporte los .ico. Yo recomiendo que se creen una cuenta en fileden y ahí van a poder subir su .ico sin problemas.
Una vez que subimos el favicon solo nos queda insertarlo en el blog. Para ello vamos a Diseño y a la Edición HTML del blog y buscamos el siguiente código:
</body>
Y justo antes del mismo pegamos este código:
<link href='http://sitio.com/favicon.ico' rel='shortcut icon'
type='image/x-icon'/>
***nota si da error poner la etiqueta </link> para serrar el que acabamos de pegar
ejemplo-- <link href='http://sitio.com/favicon.ico' rel='shortcut icon'
type='image/x-icon'/> </link>
Donde debemos reemplazar http://sitio.com/favicon.ico por la url del favicon que subimos en fileden. Guardamos los cambios y está listo, ya tenemos nuestro propio favicon.
El hecho de cambiar el favicon es porque le da un toque especial y personal a nuestro blog, ya que por defecto todo blog en blogger trae el favicon de la B en blanco sobre el fondo naranja.
Lo primero que debemos hacer es crear una imagen de 16x16 pixeles de tamaño. El diseño depende de cada blog en particular, lo mismo que los colores e imagenes que le quieran poner.
Una vez que tenemos la imagen 16x16 pixeles que queremos la guardamos. Aqui hay que prestar atención, ya que esa imagen que creamos es un archivo .jpg y lo que necesitamos nosotros para hacer el favicon es un archivo .ico. Para convertir ese .jpg a un .ico vamos a dynamic y clickamos en examinar, elegimos la imagen que creamos y le damos a Create Icon. Esto nos creará el .ico y lo descargamos a nuestra PC.
Ahora ya tenemos nuestro favicon en formato .ico, lo que tenemos que hacer ahora es subir esa imagen a algun hosting de imagenes que soporte los .ico. Yo recomiendo que se creen una cuenta en fileden y ahí van a poder subir su .ico sin problemas.
Una vez que subimos el favicon solo nos queda insertarlo en el blog. Para ello vamos a Diseño y a la Edición HTML del blog y buscamos el siguiente código:
</body>
Y justo antes del mismo pegamos este código:
<link href='http://sitio.com/favicon.ico' rel='shortcut icon'
type='image/x-icon'/>
***nota si da error poner la etiqueta </link> para serrar el que acabamos de pegar
ejemplo-- <link href='http://sitio.com/favicon.ico' rel='shortcut icon'
type='image/x-icon'/> </link>
Donde debemos reemplazar http://sitio.com/favicon.ico por la url del favicon que subimos en fileden. Guardamos los cambios y está listo, ya tenemos nuestro propio favicon.
Comentarios