Cómo poner un ícono en tu blog (blogger)

Posted by Reivajss | Posted in , | Posted on 6:00 AM

Hace unos días me llegó un mail, preguntando cómo coloqué el icono de mi blog.. (para ser claro es este icocio) en lugar de el tradicional icono de blogger ( este ), y la verdad fue algo sencillo, aquí los pasos.

1.- Conseguir un icono. Este debe de tener un tamaño de 16x16 o 32x32, de preferencia ser un archivo .ico ó .png .

Si aún no tienen el ícono, pueden crear uno fácilmente a partir de la imagen que deseen en esta página.

http://www.html-kit.com/favicon/

Una vez elegido el ícono lo descargan y ya!.

Luego...

host blogger

2.- Subir el icono a internet.

Si tienen host propio, háganlo allí. En caso contrario recomiendo el mismo blogger.

Cómo?

Es sencillo, publiquen un post en el cual coloquen la imagen que desean subir, luego ir a dicha entrada y darle clic derecho a la imagen para luego copiar la ruta de la imagen. Una vez copiada esta dirección, podemos borrar el post sin problemas.

3.- Colocar el icono en nuestro blog.

Para esto tenemos que ir a la configuración de nuestro blog en blogger, ir a la pestaña Diseño, y luego a Edición de HTML.

Aquí veremos el código HTML de nuestra plantilla (antes de modificarla, siempre es bueno guardar nuestra plantilla en el computador[para esto hay una opción llamada Descargar Plantilla Completa], por si algo sale mal), dentro de este código tenemos que buscar la línea donde diga </head> , e inmediatamente antes de ella pegamos el código

<link href='DIRECCIONDEIMAGEN' rel='icon' type='image/png'/><br />
<link href='DIRECCIONDEIMAGEN' rel='shortcut icon' type='image/png'/>

Reemplazando DIRECCIONDEIMAGEN por la dirección de el icono que copiamos en el paso 2. De tal manera que quede parecido a la siguiente imagen.

codeico

Guardamos los cambios.. y listo!.

Comments (4)

buena voz el post, a veces no se sabe bien como hacer estos pequeños detalles que hacen que el blog sea más tuyo

Qué buena
y cuando te agregas a boomarkssale tu icono.

ya habia olvidado como lo habia hecho
==========
qliq!

muchas gracias me sirvio pero puse una imagen que se movia jejej y se ve moviendose ai esta wapo gracias

muy bueno ya lo ise pero o ise con n icono animado con el famoso sharingan y fuciona gracias

Publicar un comentario en la entrada

Ya hiciste que alguien te deba un favor hoy?

OcioSoft.blogspot.com (blog iniciado el 11 de febrero de 2006)