Ir al contenido principal

Tutorial: Cómo crear un favicon?

¿Qué es un "favicon"?

Favicon, en primer lugar, es una palabra compuesta y se deriva de la frase "Favorite Icon"; por tanto se pronuncia "fav-aicon" y no favicon como se lee…

En segundo lugar, un favicon es una imagen que los desarrolladores web incluyen en el sitio y aparece en la barra de direcciones, favoritos y bookmarks (en la mayoría de navegadores).



La imagen en mención, normalmente es el logo o ícono distintivo de la empresa, institución o persona para quien el sitio ha sido desarrollado. Sirve para promocionar su imagen, su marca y crear sitios más personalizados. Los desarrolladores profesionales, lo hacen para sus clientes.

En la actualidad cada blogger desea tener su propia platilla para su blog y seguida de ésto su propio favicon y no existe un tutorial que nos explique de manera facil como obtenerlo, así que Artemisa Blogs & Web trae para ti el NUEVO Tutorial: Cómo crear tu propio "favicon"! con pasos simples y precisios. Ésto es en plataforma "Firefox", para "Explorer" proximamente...

Pasos:

1.- Crea tu ícono con formato PNG o JPG {asegurate de que el fondo de tu ícono sea transparente o blanco} Ejemplo:



2.- Ingresa a la página http://www.favicon.cc/ y crea tu cuenta, es muy fácil.



3.- Ahora ingresa y da click en "Import Image", luego en "Examinar" y sube to ìcono, asegurate de que estè seleccionada la opción "Keep dimensions" para mantener proporcionadas las dimensiones de tu imagen.



4.- Desplazate hacìa abajo y da clock en "Publish under an open license", agrega tìtulo, descripción y etiquetas si deseas y da OK, da click en el nombre del archivo, desplazate hacia abajo,  selecciona el segundo código y copialo.




5.- Ahora ve a tu cuenta en Blogger y en la pestaña "Edición de HTML" de la Sección de Diseño  busca la etiqueta </html>, pegalo arriba de ella y listo!!!

Espero les sirva, recuerda que es para plataforma "FIREFOX"...

Comentarios

Entradas populares de este blog

NUEVOS FONDOS para Blogger GRATIS!

Éstos son algunos FONDOS para Blogger GRATIS {free blogger backgrounds} para tu Blog, Éstos fondos tienen un "ancho extra" para las diferentes resoluciones de monitores.

Pasos a seguir para instalarlos:

1.- Elige un fondo y da click dentro de la Caja de Texto. Presiona {Ctrl-A} para seleccionar todo el código.

2.- Presiona {Ctrl-C} para copiarlo.

3.-  Ingresa a tu Blog en la sección {Diseño}4.- Y da click en la pestaña {Elementos de la página}

5.- Elige "{Añadir un Gadget}

6.- Y Selecciona "HTML/Javascript}

7.- Pega el Código que copiaste y Guardalo!!!


<br /> <script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i425.photobucket.com/albums/pp340/fixme_imbroken/arte_blogs/Freebies/freebg-artemisablogs05.jpg %22%29%3B%20background-position%3A%20top%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 st…

Fondos Gratis!!!

Éstos son algunos FONDOS GRATIS {free backgrounds} para tu Blog, Éstos fondos tienen un "ancho extra" para las diferentes resoluciones de monitores.

Pasos a seguir para instalarlos:

1.- Elige un fondo y da click dentro de la Caja de Texto. Presiona {Ctrl-E} para seleccionar todo el código.

2.- Presiona {Ctrl-C} para copiarlo.

3.-  Ingresa a tu Blog en la sección {Diseño}4.- Y da click en la pestaña {Elementos de la página}

5.- Elige "{Añadir un Gadget}

6.- Y Selecciona "HTML/Javascript}

7.- Pega el Código que copiaste y Guardalo!!!


<br /> <br /> <script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i425.photobucket.com/albums/pp340/fixme_imbroken/arte_blogs/Freebies/bg_dotsred-artemisablogs.jpg%22%29%3B%20background-position%3A%20top%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%2…

Fondos GRATIS para Blogger

Éstos son algunos FONDOS GRATIS {free backgrounds} para tu Blog, Éstos fondos tienen un "ancho extra" para las diferentes resoluciones de monitores.

Pasos a seguir para instalarlos:

1.- Elige un fondo y da click dentro de la Caja de Texto. Presiona {Ctrl-E} para seleccionar todo el código.

2.- Presiona {Ctrl-C} para copiarlo.

3.-  Ingresa a tu Blog en la sección {Diseño}4.- Y da click en la pestaña {Elementos de la página}5.- Elige "{Añadir un Gadget}6.- Y Selecciona "HTML/Javascript}7.- Pega el Código que copiaste y Guardalo!!!


<br /> <script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22http%3A//i425.photobucket.com/albums/pp340/fixme_imbroken/arte_blogs/Freebies/bg_turkesakey-artemisablogs.jpg%22%29%3B%20background-position%3A%20top%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%…