domingo, 13 de julio de 2008
Posted in
BLOG
,|
BLOGGER
,|
CODIGO
,|
DISEÑO
,|
ETIQUETA
,|
ICONO
,|
PROGRAMACION
,|
WEBCAM
|
0
comentarios
Decora tu blog - 13/07/2008
Vamos a explicar de forma muy sencilla como decorar nuestro blog con una imagen común para todas las etiquetas de blogger.
Este articulo es bastante útil si utilizas las etiquetas de Blogger como categorías.
Cada etiqueta, tendrá apariencia de una opción de menú y será mucho mas atractivo para los visitantes, simplemente le da un aspecto más profesional.
Para empezar deberemos elegir un icono en tamaño 16×16 para que cuadre perfectamente y no haya problemas de visualización.
Una vez elegido nuestro icono debemos almacenarlo en algún servidor de internet o por el contrario si esta imagen la habeis encontrado en la red con la ruta del icono servirá. Si no sabeis donde podeis subir archivos, os recomiendo fileupyours, está en inglés, pero es muy sencillo de utilizar y te registras en un minuto.
Bien, ahora es cuando debemos modificar nuestra plantilla de blogger. Para ello pulsamos en personalizar, diseño, editar html. Buscamos la etiqueta
#Label1 li {
list-style:none;
padding-left: 18px;
background: transparent url(RUTA COMPLETA DEL ICONO) no-repeat center left;
}
Por último debes cambiar RUTA COMPLETA DEL ICONO por la url donde está almacenada tu imagen (escribir la ruta sin comillas), y ya tendras tu icono en todas las etiquetas de tu blog.
Es decir que quedaría así:
#Label1 li {
list-style:none;
padding-left: 18px;
background: transparent url(http://xxx.com/xxxxx.jpg) no-repeat center left;
}
]]>
Escribe url pegado al paréntesis tal cual lo ves en el ejemplo !
Es un truco bastante poco utilizado en los blogs, pero lo cierto es que con este cambio ganaremos mas de un punto en el aspecto de nuestro sitio web.
Vamos a explicar de forma muy sencilla como decorar nuestro blog con una imagen común para todas las etiquetas de blogger.
Este articulo es bastante útil si utilizas las etiquetas de Blogger como categorías.
Cada etiqueta, tendrá apariencia de una opción de menú y será mucho mas atractivo para los visitantes, simplemente le da un aspecto más profesional.
Para empezar deberemos elegir un icono en tamaño 16×16 para que cuadre perfectamente y no haya problemas de visualización.
Una vez elegido nuestro icono debemos almacenarlo en algún servidor de internet o por el contrario si esta imagen la habeis encontrado en la red con la ruta del icono servirá. Si no sabeis donde podeis subir archivos, os recomiendo fileupyours, está en inglés, pero es muy sencillo de utilizar y te registras en un minuto.
Bien, ahora es cuando debemos modificar nuestra plantilla de blogger. Para ello pulsamos en personalizar, diseño, editar html. Buscamos la etiqueta
]]> y justo encima insertamos el siguiente código:#Label1 li {
list-style:none;
padding-left: 18px;
background: transparent url(RUTA COMPLETA DEL ICONO) no-repeat center left;
}
Por último debes cambiar RUTA COMPLETA DEL ICONO por la url donde está almacenada tu imagen (escribir la ruta sin comillas), y ya tendras tu icono en todas las etiquetas de tu blog.
Es decir que quedaría así:
#Label1 li {
list-style:none;
padding-left: 18px;
background: transparent url(http://xxx.com/xxxxx.jpg) no-repeat center left;
}
]]>
Escribe url pegado al paréntesis tal cual lo ves en el ejemplo !
Es un truco bastante poco utilizado en los blogs, pero lo cierto es que con este cambio ganaremos mas de un punto en el aspecto de nuestro sitio web.
