A+ | a-

¿Sabes cómo colocar un icono que acompañe la dirección web de tu blog?

bloggerImage by iogi via Flickr

¿Cómo coloco un icono junto a mi dirección web que sustituya al icono predeterminado de Blogger?

Se le llama favicon, y el caso de Blogger tienen este que vez en la entrada.

Este es el icono que identifica a Blogger y a su servicio gratuito de alojamiento y administración de blogs. Pero si deseas tu propia imagen para acompañar la dirección de tu web es esto lo que debes hacer:

1) Escoge una imagen que debes llevar a las medidas de 48 por 48 pixeles y debes guardarla como archivo png.

2) Sube esta imagen a Internet, aprovechando un servicio gratuito de alojamiento de imágenes online como ImageShack o Flickr.

3) Coloca la dirección de tu imagen dentro del código que sigue y en donde están mis mayúsculas:



<link href='AQUI VA LA URL DE TU IMAGEN' rel='shortcut icon' />


4) Ve a Diseño en tu escritorio de Blogger, y allí selecciona la pestaña "Edición de HTML"

5) Busca con CTRL+F dentro del código de tu plantilla la frase /head (fíjate que se la que va precedida por backslash). Justo antes de esta coloca el código.

UN ÚLTIMO CONSEJO: Como la imagen que debes escoger es pequeñita, seguramente tendrás que probar con varias hasta encontrar la que quede bien a esa escala y que resulte atractiva e identitaria para tu blog. Así que te recomiendo subas varias imágenes y pinches cada vez Vista Previa, antes de encontrar lo que buscas y guardar definitivamente los cambios.

Y eso es todo. Espero que no te sea muy difícil. Por si acaso, mi correo está en el sidebar, recuerda. No dejes de escribirme tus dudas.

Nos vemos en la próxima.

Reblog this post [with Zemanta]
 

Busca en otros blogs de ayuda

ayudaparatodos http://ayudaparatodos.blogspot.com/ Visitar xr211205 http://xr211205.blogspot.com/ Visitar unpocodeayudita http://unpocodeayudita.blogspot.com/ Visitar elescaparatederosa http://elescaparatederosa.blogspot.com/ Visitar gemablog- http://gemablog-.blogspot.com/ Visitar vagabundia http://vagabundia.blogspot.com/ Visitar keytrucos http://keytrucos.blogspot.com/ Visitar oloblogger http://oloblogger.blogspot.com/ Visitar webjcp http://webjcp.blogspot.com/ Visitar generacion-blogger http://generacion-blogger.blogspot.com/ Visitar www.blogsmadeinspain http://www.blogsmadeinspain.blogspot.com/ Visitar meta-microcosmos http://meta-microcosmos.blogspot.com/ Visitar laeulalia-blogdeprobes http://laeulalia-blogdeprobes.blogspot.com/ Visitar conectablog http://conectablog.blogspot.com/ Visitar doxs http://doxs.blogspot.com/ Visitar neonena-mary http://neonena-mary.blogspot.com/ Visitar recursosparatublog http://recursosparatublog.blogspot.com/ Visitar demoblogs http://demoblogs.blogspot.com/ Visitar todoblogger1 http://todoblogger1.blogspot.com/ Visitar lacrax http://lacrax.blogspot.com/ Visitar paraunblogdechicas http://paraunblogdechicas.blogspot.com/ Visitar creaweb http://creaweb.blogspot.com/ Visitar desarrolloweb-josemanuel http://desarrolloweb-josemanuel.blogspot.com/ Visitar elblogdelui http://elblogdelui.blogspot.com/ Visitar trucosblogsblogger http://trucosblogsblogger.blogspot.com/ Visitar aprendiendoenlared http://aprendiendoenlared.blogspot.com/ Visitar blogparatorpes http://blogparatorpes.blogspot.com/ Visitar mundomakeas http://mundomakeas.blogspot.com/ Visitar cafe-junio http://cafe-junio.blogspot.com/ Visitar efecincoblog http://efecincoblog.blogspot.com/ Visitar elblogdelosblogs http://elblogdelosblogs.blogspot.com/ Visitar ayudaparaelblog http://ayudaparaelblog.blogspot.com/ Visitar bloggerbetamaniacos http://bloggerbetamaniacos.blogspot.com/ Visitar blogandroll-xosse http://blogandroll-xosse.blogspot.com/ Visitar olgacarreras http://olgacarreras.blogspot.com/ Visitar lablogueria http://lablogueria.blogspot.com/ Visitar