16 may 2009

Personalizar el favicon del blog

Un favicon propio es un detalle que no le puede faltar a tu blog, es tu firma, es básicamente la imagen de tu blog, es ese iconito que aparece a la izquierda del nombre en los favoritos.

Es importante elegirlo con cuidado, no tiene que ser muy extravagante ni muy vacío, y lo mas relevante, no tiene que pesar mas de 1 kilobyte. Los colores y el motivo que elijan tiene que resumir lo que ofrece su blog, esa pequeña imagen de 16x16 es tan importante como el banner.

Como veran Blogger agrega un favicon por defecto: B, pero lo pueden cambiar por otro que les guste, aunque espero sigan los consejos que les dí.


El proceso es bastante simple, solo deben agregar el codigo que esta en color verde en su plantilla y reemplazar "URL_Favicon" por la url de su favicon.

•Ejemplo:

<head>

<b:include data='blog' name='all-head-content'/>

<link href='URL_Favicon' rel='shortcut icon' type='image/x-icon'/> <link href='URL_Favicon' rel='icon' type='image/x-icon'/>

<title><data:blog.pageTitle/></title>

Si tienen problemas para alojar el favicon, hay varias soluciones, pero les explico la mas practica.

• Alojarlo en Blogger: Crean una nueva entrada, y suben el favicon como cuando suben una imagen, el código que aparecerá sera como el siguiente:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_BY2whIDemuI/Sg6-K3T-0AI/AAAAAAAABE8/oNEBODHDn4M/s1600-h/FAVICON.png"><img style="cursor: pointer; width: 400px; height: 21px;" src="http://2.bp.blogspot.com/_BY2whIDemuI/Sg6-K3T-0AI/AAAAAAAABE8/oNEBODHDn4M/s400/FAVICON.png" alt="" id="BLOGGER_PHOTO_ID_5336411702336344066" border="0" /></a>

Lo que esta remarcado en color azul es la url del favicon, solor tienen que reemplazar "URL_Favicon" por ese codigo. Ahora que ya tienen el codigo, ponen "guardar como borrador", para que la entrada no se publique en el blog. Y listo, tu blog ya tiene favicon propio :D
Ellos han comentado!
XxJavixDxX

Muchas gracias men
ahora veo si me sirve
nos vemos ;)

Shark_Bloody

Espero que si te sirva :P

Cualquier cosa podes preguntar, no hay problema ;)

¿Desea hacer un comentario?

Diseño: Shark_Bloody
MDEQ® - Todos los derechos reservados