Estamos en Facebook
Share
Configurar la web Poner favicon
Poner favicon
PON UN FAVICON EN TU VIDA (PERDÓN, EN TU WEB)
|
LOS PASOS QUE NECESITARÁS En muchas webs habrás visto que cuando tu navegador muestra la URL de la misma, a la izquierda aparece un pequeño icono distintivo y único de esa web. En mi opinión lo considero muy interesante, pues es una forma de imprimir un sello o marca personal a tu web para distinguirla de las demás... Pero ¿es complicado colocarlo?, la verdad es que se trata de una tarea que realizas en unos minutos y de una forma sencillísima si sigues estos pasos que te explico a continuación: |
PRIMERO: CREA UNA IMAGEN DE TU GUSTO
Para ello, por ejemplo con Photoshop (o algún otro programa editor de imágenes que sepas usar --vale incluso el Paint de Windows), te creas una imagen no muy grande y que sea cuadrada. Lo voy a poner muy sencillo, creando una imagen de 64x64 pixels con Photoshop:
.
No la complico mucho (pero tú puedes colocarle por ejemplo una foto tuya si quieres, o cualquier otra cosa que te guste), pero eso sí, debe ser cuadrada y procura que no sea muy grande para que al hacerla del tamaño final de 16x16 que será el que obligatoriamente tenga el icono, no pierda mucha calidad.
Como ves, simplemente le coloco un fondo azul y dentro unos círculos con unos colores variados, se trata de un ejemplo rápido. Una vez acabada, la guardo en una carpeta con formato ".jpg":
SEGUNDO: PASAMOS LA IMAGEN A ICONO (".ico")
Para ello, nada más fácil que acudir a esta web donde te realizan la conversión en el momento, y de forma gratuíta. Accederás aquí:
Según te indico en la imagen de arriba, picas sobre el botón Examinar para decirle donde guardas la imagen que hayas creado; en mi caso:
Pico ahora en el botón Abrir tras indicarle la imagen que quiero convertir:
Ahora, picamos sobre el botón Create Icon y automáticamente lo tendremos listo:
Picas finalmente en el botón Download FavIcon y lo guardas en tu ordenador pues lo necesitarás a continuación; sigue leyendo.
TERCERO: VAMOS POR FTP AL SERVIDOR Y HACEMOS ESTO
¡¡Listo!!, ya tendrás el favicon ".ico" guardado en tu ordenador. ¿Qué falta ahora?, pues subirlo a tu servidor y colocar un pequeño código. Para ello tenemos que entrar por FTP a nuestro server para acceder a los archivos de nuestro Joomla 1.5; vamos a la carpeta templates > el que tengas por defecto en tu web y ahí:
Una vez dentro de los archivos de tu template, tienes que: 1º/ subir el favicon que creaste según vimos en la web que te indiqué (se llamará necesariamente favicon.ico); y 2º/ hay que editar el archivo index.php de tu template porque tenemos que insertar este pequeño código:
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
Pero no en cualquier lugar sino precisamente entre las etiquetas <head> y </head>; lo ves mejor en esta imagen:
Las etiquetas HEAD siempre estarán por la parte superior e inmediatamente después comenzará la etiqueta BODY. Puedes colocar la línea de código que te indiqué, justamente encima del cierre </head> de dicha etiqueta (observa la imagen de arriba), bien escribiéndola o mediante copiar/pegar si la tienes por ejemplo en tu Bloc de notas. Guarda finalmente los cambios.
DECARGAR ARCHIVO: si estás un poco vago, descárgate aquí el pequeño código para pegar entre las etiquetas <head> y </head> de tu index.php del template.
Con esto, ya tendrás tu favicon listo para que aparezca en los buscadores cuando alguien abra tu web. Quizás tarde unos minutos u horas en aparecer (depende de muchos factores), pero lo normal tar haber hecho todo lo que te expliqué, es que entres a tu web y ya puedas ver el favicon (tu seña de identidad). Si tenías abierta tu web, refresca la pantalla con Control + F5 y te aparecerá tu favicon.
NOTA: yo tengo la costumbre de subir por FTP el favicon al directorio raíz de la web --además de los pasos explicados antes-- (no sé si es realmente imprescindible, pero como te digo, tengo esa costumbre). Así que si sigues los pasos que expliqué arriba y no te funciona, prueba a colocar también la imagen favicon.ico en el raíz de tu web. Lo cierto es que esta operación la he realizado muchas veces y jamás me ha fallado, así que a tí tampoco debería fallarte.
Subir a principio de página ...
{jcomments on}
¿Te gusta?, vótanos
Buscar en esta web
Más cursos gratis
Mi canal
Votar Top
El tiempo
 | |
| [Detalles] |
El calendario
Contactar
Nuestras visitas
 | Hoy | 887 |
 | Ayer | 2102 |
 | Esta semana | 6461 |
 | Última semana | 12324 |
 | Este mes | 27993 |
 | Último mes | 51916 |
 | Total | 1596635 |
Hoy: 17 May, 2012
