Como Cambiar el Favicon de Nuestra Web o Blog. - Hagale Pues
Header Hágale Pues
Retroceder   Hagale Pues » Asuntos de comunidad » Comunidad Hagale Pues » ¡Hágale Preséntese! » Guías / Tutoriales » Tutoriales en General
Portal Foro Temas de Hoy Registrarse Buscar




Como Cambiar el Favicon de Nuestra Web o Blog.



Respuesta
Herramientas
Antiguo 25/08/10, 22:37:41   #1
Director
 
Avatar de JhonyGarcés.
 
Fecha de Ingreso: oct 2008
Ubicación: En el inconsciente
Mensajes: 8.206
Temas: 3015
Has agradecido: 264
Has sido agradecido 2.178 veces en 972 mensajes
Poder de Credibilidad: 1753
JhonyGarcés. tiene una reputación que sobrepasa la famaJhonyGarcés. tiene una reputación que sobrepasa la famaJhonyGarcés. tiene una reputación que sobrepasa la famaJhonyGarcés. tiene una reputación que sobrepasa la famaJhonyGarcés. tiene una reputación que sobrepasa la famaJhonyGarcés. tiene una reputación que sobrepasa la famaJhonyGarcés. tiene una reputación que sobrepasa la famaJhonyGarcés. tiene una reputación que sobrepasa la famaJhonyGarcés. tiene una reputación que sobrepasa la famaJhonyGarcés. tiene una reputación que sobrepasa la famaJhonyGarcés. tiene una reputación que sobrepasa la fama
Reputación: 84850
Enviar un mensaje por Skype™ a JhonyGarcés.
Predeterminado Como Cambiar el Favicon de Nuestra Web o Blog.

El Favicon es una palabra compuesta, que se deriva de las palabras en ingles de “Favorite Icon” (Icono de Favoritos). Este Icono es la imagen que distintiva de la web o blog, que aparece a la par o mejor dicho en la barra de dirrecciones del navegador.



Asi mismo los desarrolladores lo utilizan para identificar y promocionar la web o blog que estan desarrollando. El Favicon es muy facil de hacer, hay muchas herramientas para poderlo hacer. Acontinuacion les mostrare como crear su propio Favicon.
Se puede usar cualquier imagen de tamaño de 16×16 pixels y que sea de los siguientes formatos PNG, ICO, JPG, que son los mas comunes de usar, nosotros usares el formato PNG y usaremos la herramienta llamada Picnik, esta es una gran herramienta para editar imagenes y es muy sensilla de usar.
Estos son los pasos:
Primero que nada buscaremos una imagen que nos guste para nuestro favicon.
En Segundo lugar damos click en el siguiente enlace de Picnik y procederemos a editar nuestra imagen para poderla usar al tamaño que queremos y necesitamos que es de 16×16.
1.- Ahi damos click en la parte de abajo de la pagina donde dice Español.



2.- Luego vamos a la esquina superior derecha y damos click en Empieza a editar con Picnik » (aqui tarda un poco en cargar pero no mucho).



3.- De ahi nos mostrara una nueva pagina, donde vamos a cargar la imagen que anteriormente escogimos, para ello pinchamos en Cargar una foto, ahi solo buscamos nustra imagen y le damos abrir.



4.- Despues que le dimos en cargar una foto nos abrira el editor de imagenes. Estando en el editor de imagenes pincharemos en Recortar si lo que queremos es recortar una imagen que es mucho mas grande de lo que queremos que se vea en el favicon, hay que recordar que el favicon solo es el icono de nustra web o blog nada mas, por ende no debe de ser una imagen demasiado grande.



(Pueden dar click en las imagenes para poder verlas mejor)
Pero lo que nosotros queremos es solamente cambiar el tamaño de nustra imagen asi que le daremos click en Cambiar tamaño, lo que sigue es dejarlo de 16×16 pixels, eso lo haremos a continuacion, primero deseleccionamos la casilla que dice Mantener proporciones, luego damos los valores de 16×16 en la casilla que dice Nuevas dimenciones, luego le damos aceptar, esto lo podemos apreciar en las siguientes imagenes:



Ahora ya tenemos nustra imagen en el tamaño que queremos, solo nos falta dejarla en el formato que queremos y guardarla en nuestra PC.



5.- Ahora pasaremos a guardar la imagen asi que damos click en Guardar, ahi seleccionamos el formato que queremos el cual es PNG y le damos guardar.



En Tercer lugar buscamos en nustra plantilla en el editor de Html la palabra e insertamos el siguiente codigo arriva de .
http://lh6.ggpht.com/_Rk6TCDmyuqc/TG...28/ABC%202.png‘ rel=’icon’ type=’image/png’/>
http://lh6.ggpht.com/_Rk6TCDmyuqc/TG...28/ABC%202.png‘ rel=’icon’ type=’image/png’/>
Solo nos toca modificar este codigo la parte que esta en Negrita, vamos a cambiar esa dirreccionpor la url donde tenemos alojada nustra imagen. Se me olvidava decirles que hay que alojar nustra imagen en un servidor web para alojar imagenes, algunos de estos servidores donde podemos alojar imagenes son Picasa Web Albums , Tinypic.




__________________
Sígueme en Twitter:



Jhony Garcés Jaramillo
Director Comunidad HP
PIN: 2842DA85

www.hagalepues.net
www.hagalepues.net/modelos



JhonyGarcés. esta offline   Responder Con Cita
Antiguo 25/08/10, 23:16:00   #2
Owner
 
Avatar de SantyGil
 
Fecha de Ingreso: dic 2008
Ubicación: Medellín
Edad: 24
Mensajes: 4.632
Temas: 1427
Has agradecido: 216
Has sido agradecido 809 veces en 369 mensajes
Poder de Credibilidad: 738
SantyGil tiene una reputación que sobrepasa la famaSantyGil tiene una reputación que sobrepasa la famaSantyGil tiene una reputación que sobrepasa la famaSantyGil tiene una reputación que sobrepasa la famaSantyGil tiene una reputación que sobrepasa la famaSantyGil tiene una reputación que sobrepasa la famaSantyGil tiene una reputación que sobrepasa la famaSantyGil tiene una reputación que sobrepasa la famaSantyGil tiene una reputación que sobrepasa la famaSantyGil tiene una reputación que sobrepasa la famaSantyGil tiene una reputación que sobrepasa la fama
Reputación: 34880
Enviar un mensaje por MSN a SantyGil
Predeterminado Respuesta: Como Cambiar el Favicon de Nuestra Web o Blog.

Ya lo sabia, pero bacano el tuto, celente..



__________________
Santiago Aguirre -G
Admin Comunidad HP
www.hagalepues.net
SantyGil esta offline   Responder Con Cita
Respuesta

Etiquetas
blog, cambiar, cómo, de, el, favicon, nuestra, web


Usuarios activos actualmente viendo este tema: 1 (0 miembros y 1 visitantes)
 
Herramientas
Desplegado



El uso horario es GMT -5. La hora actual es: 05:38:08
Powered by vBulletin™ Version 3.8.6
Copyright © 2014 vBulletin Solutions, Inc. All rights reserved.
Traducción por vBHispano
vBulletin Skin by CompletevB
HagalePues.Net 2008 - 2014
SEO by vBSEO ©2011, Crawlability, Inc.