Crea e Inserta un Favicon a tu Blog Por angitawbm
Lo Primordial Favicon  (abreviatura del inglés 'favorites icon'), también conocido como icono de página, es un icono asoci...
Ya dentro de la Pagina comenzamos a crear nuestro icono. Les Mostraré primero la forma nº 1 Aquí lo dibujamos, obviamente ...
Esto es lo que he conseguido, se que no es la gran cosa pero para explicar lo que se debe hacer, sirve. Cuando ya tengamos...
Ahora les Explicaré la forma 2, que es la que yo utilicé para hacer mi icono. Le damos click a “Examinar” y buscamos la im...
Esto es mejor dejarlo en blanco Este es el que yo utilizaré -> <-Buscamos nuestra imagen   Cuando ya lo tengamos listo hac...
Ahora les mostraré donde pueden subir su icono, un buen lugar es  googlepages  ya que soporta imágenes Ico. Si no tienes u...
Una vez subido, con el boton secundario del mouse, hacemos click sobre el enlace, y copiamos la ruta. Siguiente paso, agre...
Nos vamos a nuestro panel de control, y hacemos click en diseño.
En diseño, nos vamos a Edición de HTML. Y buscamos lo siguiente <title><data:blog.pageTitle/></title> Esta casi al princip...
Ya ubicado lo anterior, pegamos justo abajo lo siguiente: <link href=‘ DIRECCION DE TU ICONO ' rel='shortcut icon' type='i...
En dirección de tu icono, pegas la copia del enlace que hiciste desde google pages,  En la siguiente pgina les mostraré co...
Como ve ya he pegado la direccion de mi icono. NOTA: cuando se descargan su icono (en la forma 2) les baja un zip, donde v...
Ahora se pueden ver los cambios realizados, como verán, se ve el icono en la barra de direcciones y el la ventana. Aquí po...
Como se darán cuenta, no tenemos el mismo resultado con Internet Explorer. Supuestamente, esto cambia una vez hayamos agre...
 
^^FIN^^ Para más guias, ayuda, códigos, trucos, javascript, y más. Visita: http://angi-vivallo.blogspot.com Para descargas...
Próxima SlideShare
Cargando en…5
×

Crea E Inserta Un Favicon A Tu Blog By Angitawbm

1.690 visualizaciones

Publicado el

Publicado en: Tecnología
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
1.690
En SlideShare
0
De insertados
0
Número de insertados
92
Acciones
Compartido
0
Descargas
5
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Crea E Inserta Un Favicon A Tu Blog By Angitawbm

  1. 1. Crea e Inserta un Favicon a tu Blog Por angitawbm
  2. 2. Lo Primordial Favicon (abreviatura del inglés 'favorites icon'), también conocido como icono de página, es un icono asociado con un sitio web o página web en particular. Un diseñador web puede crear este icono, y muchos navegadores gráficos puede hacer uso de él. Los navegadores que permiten esta función suelen mostrar el icono junto a la barra de direcciones, al lado del nombre del sitio en la lista de favoritos, y al lado del título de la página en una interfaz de documentos en pestañas. <ul><li>Para que tengamos el nuestro, Les mostraré 2 formas: </li></ul><ul><li>podemos acceder a esta página favicon.cc (que es una herramienta online para crear un icono rápidamente, cabe recalcar que esta página solo se ve con FIREFOX ) </li></ul><ul><li>Entramos a FavIconfromPics y subimos cualquier imagen que nos guste, y la transformamos en Favicon. </li></ul>¿Qué es un Favicon? Formas que utilizaremos para agregarlos al blog
  3. 3. Ya dentro de la Pagina comenzamos a crear nuestro icono. Les Mostraré primero la forma nº 1 Aquí lo dibujamos, obviamente nuestro icono no será de este tamaño, sino mucho más pequeño
  4. 4. Esto es lo que he conseguido, se que no es la gran cosa pero para explicar lo que se debe hacer, sirve. Cuando ya tengamos listo nuestro icono, nos fijamos que un poco más abajo sale “Download Favicon”, le das click ahí y lo bajas .
  5. 5. Ahora les Explicaré la forma 2, que es la que yo utilicé para hacer mi icono. Le damos click a “Examinar” y buscamos la imagen que queremos utilizar.
  6. 6. Esto es mejor dejarlo en blanco Este es el que yo utilizaré -> <-Buscamos nuestra imagen Cuando ya lo tengamos listo hacemos click en “Download Favicon”
  7. 7. Ahora les mostraré donde pueden subir su icono, un buen lugar es googlepages ya que soporta imágenes Ico. Si no tienes una cuenta, no te preocupes, puedes utilizar el mismo correo que usas en blogger para entrar. Bien para subir nuestro ico, hacemos click en “Upload”.
  8. 8. Una vez subido, con el boton secundario del mouse, hacemos click sobre el enlace, y copiamos la ruta. Siguiente paso, agregandolo a blog    
  9. 9. Nos vamos a nuestro panel de control, y hacemos click en diseño.
  10. 10. En diseño, nos vamos a Edición de HTML. Y buscamos lo siguiente <title><data:blog.pageTitle/></title> Esta casi al principio, pero si no lo encuentras, utiliza Ctrl+F
  11. 11. Ya ubicado lo anterior, pegamos justo abajo lo siguiente: <link href=‘ DIRECCION DE TU ICONO ' rel='shortcut icon' type='image/x-icon'/> <link href=‘ DIRECCION DE TU ICONO ' rel='icon' type='image/png'/>
  12. 12. En dirección de tu icono, pegas la copia del enlace que hiciste desde google pages, En la siguiente pgina les mostraré como.
  13. 13. Como ve ya he pegado la direccion de mi icono. NOTA: cuando se descargan su icono (en la forma 2) les baja un zip, donde viene su icono, y una carpeta llamada extra, si no les funciona al utilizar su icono “original” el de 32px, utilicen el que esta en fomato .png, siguiendo los mismos pasos. Pueden utilizar vista previa para ver los cambios, si les gusta, Guarden plantilla. A continuación detalles muy importantes. 
  14. 14. Ahora se pueden ver los cambios realizados, como verán, se ve el icono en la barra de direcciones y el la ventana. Aquí podemos apreciar, que esto funciona perfectamente en FIREFOX
  15. 15. Como se darán cuenta, no tenemos el mismo resultado con Internet Explorer. Supuestamente, esto cambia una vez hayamos agregado la página a “favoritos”
  16. 17. ^^FIN^^ Para más guias, ayuda, códigos, trucos, javascript, y más. Visita: http://angi-vivallo.blogspot.com Para descargas directas GRATIS de música, videos, peliculas, anime, juegos, software, series de tv, Ebooks, tutoriales, y mucho, mucho más, visita: http://angitawbmxd.blogspot.com

×