Cambiar las Viñetas en Blogger

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 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 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 puestos, no te pierdas como Personalizar la Lista Numerada en Blogger

votar
Pinéalo!
Te gusta esta entrada?

0 comentarios:

Publicar un comentario

 
Trucos Blogger © 2013. Todos los Derechos Reservados. Con la tecnología de Blogger
Top