Agregar automáticamente icono a entradas en blog de HTML

  • Autor Autor Pmlup15
  • Fecha de inicio Fecha de inicio
Pmlup15

Pmlup15

Beta
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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í:

Insertar CODE, HTML o 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:
 
Última edición:
blogger acepta algunos comandos otros no, tendras que ir probando
 
En html sería así:

Insertar CODE, HTML o 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:

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.
 

Temas similares

Atrás
Arriba