Adicionar automaticamente ícone a posts em blog de HTML

este es mi blog: InfoMixto - Contenido variado y divertido
y quiero que antes de los nombres de las entradas salga un icono dependiendo a la categoría que pertenece, pero nose como hacerlo.
Trate de ponerle un pequeño icono manualmente pero me sale el código en el titulo.
lo que quiero es que automáticamente salga el icono (dependiendo la categoría) al costado del titulo.

En html sería así:


Completa X e Y con el tamaño que desees para el icono y listo.
El número de espacios que hay entre las etiquetas "/>" y "<a>" será el espacio que haya entre el icono y el titulo.

Lo que no me preguntes es como meterle el html a Blogger porque no tengo ni idea !! :welcoming:

blogger acepta algunos comandos otros no, tendras que ir probando

ecomedic disse:

En html sería así:

Inserir CODE, HTML ou PHP:

<img src="aquilaURLdetuicono" width="x" height="y" /> <a>AQUI EL TITULO DE TU POST</a>

Completa X e Y con el tamaño que desees para el icono y listo.
El número de espacios que hay entre las etiquetas "/>" y "<a>" será el espacio que haya entre el icono y el titulo.

Lo que no me preguntes es como meterle el html a Blogger porque no tengo ni idea !! :welcoming:

Clique para expandir...

no era exactamente lo que buscaba, pero gracias.

Poner un ícono en el titulo es fácil, pero cuando dices dependiendo de cada categoría, ya se complica la cosa.
Para eso tendrías que poner una condicional para cada categoria.


Mostrar /ejecutar un elemento en una entrada específica o etiqueta específica

<b:if cond='data:blog.url == &quot;URL de la entrada o etiqueta&quot;'>
...Aquí va el código del elemento...
</b:if>

Entonces, pones el icono, que sería antes de post-title (dependiendo de cada plantilla).
<b:if cond='data:blog.url == &quot;URL DE TU ETIQUETA&quot;'>
<a href="#" ><img src="#" title="#" /></a>
</b:if>

y repites eso para cada etiqueta.

Aqui un curso de HTML facil y rapido http://goo.gl/PbznR