Cambiar las Viñetas en Blogger

Publicado el 23 septiembre 2013 por Trucosblogger

A los lectores les encantan los listados, es un hecho demostrado, por lo que poner un diseño bonito siempre es de agradecer. Para cambiar las viñetas en Blogger, solo hay que acceder al editor de HTML y trastear un poco. Vamos a ello.
Entra en Diseño > Edición de HTML y pega el siguiente código encima de ]]></b:skin>
/* Inicio de Personalizacion de Viñetas  - http://trucosbloggerblog.blogspot.com */
.post ul { list-style: none;
margin: 10px 0 0 20px;
padding: 0;
}
.post ul li {
background:url(URL de la imagen) center left no-repeat;
margin:0;
padding:3px 3px 3px 20px;
}
/* Fin de Personalizacion de Viñetas  - http://trucosbloggerblog.blogspot.com */
Cambiar  URL de la imagen por la direccion de la imagen que quieras poner. En Websitebullets tienes un monton de viñetas para elegir. Si tu blog tiene un fondo distinto a blanco te tocará darle un reparso con un editor de imagenes para ponerles un fondo transparente.
Tras cambiar las viñetas en Blogger, vamos a ver que tal quedan:
  • Lista no ordenada a
  • Lista no ordenada b
  • Lista no ordenada c 
Ya puesto no te pierdas como Personalizar la Lista Numerada en Blogger