Ver Categorías
Como cambiar el Favicon de un blog!
Les dejo este post porque por lo menos a mi me alludo mucho a cambiar el de mi blog!
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:
<title><data:blog.pageTitle/></title>
Y justo antes del mismo pegamos este código:
<link href='http://sitio.com/favicon.ico' rel='shortcut icon'
type='image/x-icon'/>
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.
NOTA: Espero que les sirva. Esta provado en BlogSpot, fijense si en otras web pueden!
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:
<title><data:blog.pageTitle/></title>
Y justo antes del mismo pegamos este código:
<link href='http://sitio.com/favicon.ico' rel='shortcut icon'
type='image/x-icon'/>
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.
NOTA: Espero que les sirva. Esta provado en BlogSpot, fijense si en otras web pueden!
1 Comentarios