Header Hágale Pues
Portal Foro Temas de Hoy Registrarse Buscar




  Hagale Pues » Asuntos de comunidad » Comunidad Hagale Pues » ¡Hágale Preséntese! » Guías / Tutoriales » Tutoriales en General » Como Cambiar el Favicon de Nuestra Web o Blog.
»

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). ...



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.154 veces en 971 mensajes
Poder de Credibilidad: 1655
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: 80249
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 , 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 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 .
‘ rel=’icon’ type=’image/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 , .



__________________
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: 23
Mensajes: 4.610
Temas: 1410
Has agradecido: 213
Has sido agradecido 789 veces en 361 mensajes
Poder de Credibilidad: 724
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: 34352
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: 00:38:23
Powered by vBulletin™ Version 3.8.6
Copyright © 2013 vBulletin Solutions, Inc. All rights reserved.
Traducción por vBHispano
vBulletin Skin by CompletevB
HagalePues.Net 2008 - 2013
SEO by vBSEO ©2011, Crawlability, Inc.



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213