Entradas populares
-
Garfield es el nombre de la historieta creada por Jim Davis, que tiene como protagonistas al gato Garfield, al no muy brillante perro... -
Este fin de semana se estrena en cines la película de animación Cars 2: World Grand Prix , una nueva obra de Pixar. -
Mortadelo y Filemón es una serie de historieta humorística creada y desarrollada por el autor español Francisco Ibáñez a partir de 19... -
El olor a azahar invadia las calles. Grandes vistas de La Nucía, con el Ponoig al fondo -
Las aventuras de Tintín (cuyo nombre original, en francés, es Les Aventures de Tintin et Milou ) es una de las más influyentes ser... -
Canción de hielo y fuego es una multipremiada serie de novelas y novelas cortas de fantasía épica escritas por el novelista y guionista es... -
Mafalda es el nombre de una tira de prensa argentina desarrollada por el historietista Quino desde 1964 a 1973, protagonizada por la ... -
Superlópez es una serie de historietas, protagonizada por el personaje homónimo, que fue creada en 1973 por el dibujante español...
jueves, 14 de julio de 2011
Cambiar el FAVICON en nuestro blog
Hoy os traigo un truquito para poder cambiar el FAVICON en nuestro blog.
Primero explicar que es el FAVICON: viene del inglés favorites icon (icono de favoritos), o también podemos decir que es el pequeño símbolo identificativo de nuestra página web/blog. En este caso estará en la barra de navegación, a la izquierda de la dirección que estemos visitando "http://balsares.blospot.com"
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 elegir la imagen que queremos utilizar como emblema de nuestro blog. Posteriormente deberemos hacer la imagen a un tamaño de 16x16 y ya que nuestro archivo será un .jpg, deberemos convertirla a un archivo .ico. Este paso podemos hacerlo por infinidad de páginas que nos dan esta posibilidad, yo he utilizado Dynamic
Y creamos un archivador, como en la siguiente imágen
Una vez que hemos subido el favicon2.ico, veremos la siguiente pantalla
Para implementarlo en nuestr@ web/blog, debemos hacer lo siguiente
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'/>
Donde debemos reemplazar http://sitio.com/favicon.ico por la url del favicon que hemos copiado anteriormente. Guardamos los cambios y está listo, ya tenemos nuestro propio favicon.
Espero que os haya ayudado, mi intención en este caso ha sido aprender y una vez conseguido ponerlo a vuestra disposició por si a alguien le puede interesar.
Primero explicar que es el FAVICON: viene del inglés favorites icon (icono de favoritos), o también podemos decir que es el pequeño símbolo identificativo de nuestra página web/blog. En este caso estará en la barra de navegación, a la izquierda de la dirección que estemos visitando "http://balsares.blospot.com"
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 elegir la imagen que queremos utilizar como emblema de nuestro blog. Posteriormente deberemos hacer la imagen a un tamaño de 16x16 y ya que nuestro archivo será un .jpg, deberemos convertirla a un archivo .ico. Este paso podemos hacerlo por infinidad de páginas que nos dan esta posibilidad, yo he utilizado Dynamic
En dicha página elegimos desde nuestro equipo la imagen que ya tenemos redimensionada y pinchamos en crear icono, una vez que esté creado sólo tenemos que descargarlo a nuestro equipo.
Posteriormente tenemos que subir el icono a un host que nos permita imágenes .ico, yo por ejemplo he usado Google Sites. Por supuesto, ni que decir tiene, que tienes que tener una cuenta en gmail.
Pinchamos en crear sitio
Aparecerá el panel para crear nuestro sitio en google, rellena el campo con el nombre de el sitio que prefieras, escoje un nombre complicado para que no hagas varios intentos, eso si ten encuenta que es el nombre de tu sitio.
Cuendo termines, aparecera tu sitio, con el nombre que colocaste.
En este momento clickeamos a crear página
Si hemos hecho bien todos los pasos, nos aparecerá la siguiente imágen
Pinchamos en añadir archivo y buscamos el archivo .ico que hemos creado anteriormente, con la diferencia de que debemos llamarlo favicon2.ico, porque sino aperece un icono de google y no el nuestro.
Ahora tenemos dos opciones:
- Ver el archivo
- Descargar
Para implementarlo en nuestr@ web/blog, debemos hacer lo siguiente
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'/>
Donde debemos reemplazar http://sitio.com/favicon.ico por la url del favicon que hemos copiado anteriormente. Guardamos los cambios y está listo, ya tenemos nuestro propio favicon.
Espero que os haya ayudado, mi intención en este caso ha sido aprender y una vez conseguido ponerlo a vuestra disposició por si a alguien le puede interesar.
Suscribirse a:
Enviar comentarios (Atom)
1 comentarios:
Gracias por este post y por lo de Kiko, guapa!
Un besazo!
Publicar un comentario