Poner iconos en las entradas.

Hola, este truco sirve para poner imagenes en las entradas de los blogs.

Post:

Para la fecha:

.date-header {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG3DgoXz7U2Q1lZvYceHe329nWRPSPzTPJg-m0mVZX2DGzoJqOpXcdhXW7b8sRS7DnMwwfWZ4gncHpY8_4bUcavtVdjkOXtIGGM9Unt1B8JpU4o4QgZ-t75KEXGoFdAQnZ9HG2ePuqZhg/s1600/time.png) center left no-repeat;
}

Para las etiquetas:

.post-labels {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ2A-GTTDbKMs-b0UeRxUwbYgll09ps-QGwXnz8vpCtRrcw44Pv_Stbkit02LkqDi-hizVGfRu9mes2-SzrSeWU0Juu6uB6l9nS0so-SUH5xAs_f0mlVS7Ty0QcXF745qxJ91Eo3hsMrg/s1600/etiqueta_naranja.gif) center left no-repeat;
}

Para el autor:

.post-author {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHJcnV91uBspsCPPl0OQSGXDKDicpL4mrx6rBfJM-TPqUopfdIt_bhEhWNgpk_svNOx2BxPnmzLbDzODMNrIO4QbN5eKQ4WArasrHgAKNZHt1Ewz_hrp5LM2h_g3j5Ke_ZXpcqLz9ClrY/s1600/autor.gif) center left no-repeat;
}

Para el titulo del post:

.post-title {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTRC8tAcR2R9tKkYhAJQTFeM9_1TPXhEzacTEa0Ba5DYH0yr6BZ9PaMvSsDxe59VQzJQelRGIRilcUymIM4n1WOq5REJRrr3FoZ734cEVhv-YSDZgeOGl0Pn7xVrzjqGY30eB7JqrmZAI/s1600/icono-documento.gif) center left no-repeat;
}

Para la fecha de los comentarios:

.comment-timestamp {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSznBdn57Ao7FZJglGcFd78p-vmcmzFLQXAGQUp1PENwVECOdnNHtDkP9M8RBM3p-Y1y_aERIKGMkAaDPFopSA1F4IEtys5GFrug-So6U6pmhmCmiHf3HgP3-yebfeH38B3mxASH5bksI/s1600/icono-calendario.gif) center left no-repeat;
}

Para los comentarios:

.comment-link {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPpgKria5KVeJJ7AL2he0l1mqFLvZeFVgmNQ3go7hllQnIEdS-rHqCxEvFYW23iZ3eksBFCx2yFO9eB0koAZ6Romv2yBdPRcB8qFVXKAsbpQerHh62Z2VHZviOrlVlySYK5fRoU6qAn78/s1600/icono-comentarios.gif) center left no-repeat;
}

Sidebar:

Para los links:

#LinkList1 ul, #LinkList2 ul {
list-style-type:none;
}

#LinkList1 li, #LinkList2 li {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgvzEz40s4hLE1zBhHiPRP5H_-OWW25uuaS17Hp2N3mc6e68WvopBjB_doxMH4OjH15jJpdLiU07pZUxkC9o1x8TN0NY2Tjow4DxhcUa5gWc1hfi5SzEtmH4msK7pV0J1RPnODaiogQ9w/s1600/icono-links.gif) center left no-repeat;
}

Para los blacklinks:

#backlinks-container h4 {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3GCP8inRWSM1NIOzOkNuLSNVd7asbUxu5xw0QqF3ZQ5lJATUM2Le5ufvtx4oDF-9rQFSxEfiz2cFP8DOUYhvd-w_QHwSVAnKE-nlBABfkJK1fO6vXOuQDMkpBOcNyP-hZBfztXCwmZyc/s1600/icono-backlinks.gif) center left no-repeat;
}

Para las etiquetas:

#Label1 ul, #Label2 ul {
list-style-type:none;
}

#Label1 li, #Label2 li {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLJGI65KlhRgSCdrkT_YnRqbZp5HzTWARpeQ6KbHi476onf7GdQxjvQ0vg8jhanU5DcFpDtUTDTAD3X6ccElsN9RQCOr4BnQNh-4nK8_aWUgSty8AUXrAiD1Gpcb1xJV1Slj_kV-kKYRg/s1600/icono-etiqueta-azul.gif) center left no-repeat;
}

Footer:

Para el feed:

.feed-links {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqYDINTl_J-RDEwm5kXpohQbTROsFMs-nzbWMjrcJfrGoGSXBfyRjTE-fQKrZWtp4PW2n9OZThIOusqVzsGHbXRb3O3B7wF-jJ-wbCU5ZoDJgGAP4nKp9ncvjGs5vDlh185ZO0POlAnQY/s1600/icono-feed.gif) center left no-repeat;
}

Listo :) .