1.Entramos a la pestaña “Plantilla” o también llamada “Diseño” desde el escritorio y después a la opción “Edición de HTML y buscamos el siguiente código:
]]></b:skin>
Justo antes de ese código estan los estilos CSS y es donde que habra que colocar las clases para nuestros iconos.
Fecha en las entradas o post:
.date-header {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhugCzEp9EXyd85qiadU4wOjpz4E4p73fT5GUkdqNZfcm8jd9Q37oB6382YatidrMGIZVd6yafGW9QR9xrvQAIVtMUBT64XbxOgaH_-7uYRQ93X9JPRG-DYYJ_r2DWr1MN-Zi6jtu-QU9I/s1600/time.png) center left no-repeat;
}
Etiquetas de las entradas:
.post-labels {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDw6g3KK9PKrYBCfZNsJj6wBiAQQszxVhiqY2BGGfyDPTfg9bCx6ke_NVat0n8SEpx0KGvbEqsyeEDsuNK0kLoDjmVOIpN7_GWbelJiYt_vFAWrsFvFXBlIlUzUo338GX77v5eABPvSEY/s1600/etiqueta_naranja.gif) center left no-repeat;
}
Autor de las entradas:
.post-author {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifkyqk9jo6hl32xOJoKYuBdp8GH6aOovLJqMCu7juF15XWe64Am2SvSExYzSnLjfeLYgTf5s_Cek6Ke7MQpiLlsTpGBTp-mRV2mpRbrLkNMQhd8CncvMue1QifSO2DeVtqhzv72ScjJDs/s1600/autor.gif) center left no-repeat;
}
Feed al pie del blog:
.feed-links {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifjRAgG41SbN9b81mf3Ol3kWIyZte5lyMW84WobU_Mz4gnHXNp2Kbn6lXh_6ftmk_Y-WlNNyXf3iRGUClr5h3gr1RjbR5bhDPkrJ1Y__GB67ZOCxupKRjck_CO2-u6GXB_JtVDX3mSQ-0/s1600/icono-feed.gif) center left no-repeat;
}
Widget de 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/AVvXsEgyJfWFnoqQVgBt2sC3UrRC17EqA8q17kQouRmaUpaLylvPeOPdtmUt9VtU6Wwv97P4kje0h5pBBO9Ek8MeVp9fYwU5OhSSFsy0_Mx6jyDBvhDZ0qBKBMi3NIh-xKltBvJahrHBievMtYA/s1600/icono-etiqueta-azul.gif) center left no-repeat;
}
Título de entrada:
.post-title {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZCX5k14a6Yt9Vkni62aGfJcNy9ber58P7gUs1z_s0T4kEU6kKdkRmft1ErXEvTEtG5FHfVoAXWG_TQS-6bhK0m4a644GqFjij8CAwdFTqCY-aITyzMIWg_MaQIfGEIX4nWzbyA4gcwAw/s1600/icono-documento.gif) center left no-repeat;
}
Fecha de comentario:
.comment-timestamp {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZNBd_2LI1idh9NQvp9tWNW3ZcQWjtM4F68JHhOc6R_Kl3dRQHZHuymCeuDavo76a661frmyO0WB_dvPxeFGEIFS0kqam5Up4eA_THl4eGTECEdt5ytZI_JZwjANToPjP33KLLBK2Rxn0/s1600/icono-calendario.gif) center left no-repeat;
}
Backlinks:
#backlinks-container h4 {
padding-left: 20px;
padding-top: 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfv6CsH9v1iIXi9GGtZwgytH20ivr3jnEaSkZlXYiNuy6BLgWzsvdp6be_osu2_TXkxy6peD5UXCkBubqE1pwHrJiydo3EQqHWsRZnCU6IfhplsTPXDAB6ZNyMxuHkVH215reFO8h93eM/s1600/icono-backlinks.gif) center left no-repeat;
}
Lista de 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/AVvXsEgYPG95pnkQT78v3Y2ScAhjC0oZiwJnNtmWK8_aEesicRnyaWWJEno2WCZjv1JsSo0zapM-kfbCsmgFl1NmpsYSkWDje1xriUvePJbNbLzgETO7_9Z36UoR5ZNdftMShcjMD1xjz6jZZnA/s1600/icono-links.gif) center left no-repeat;
}
Una vez pegado guardas y listo. Recuerda que puedes cambiar algún icono especifico cambiando la ruta (dirección) del mismo, por la del que desees usar.
Fuente: blogandweb
