Ajouter une image au titre de vos posts

Les meilleures astuces pour Blogger ! Vous voulez ajouter une image différente à chaque(titres) posts pour illustrer par exemple vos titres par catégories.
Exemples:
Vous avez une catégorie astuce et vous voulez ajouter une image(ou du texte) au titre pour chaque Post (libellé astuce)
Voici une solution très simple:
Connectez vous à Blogger, Mise en page, modifier le code html et cocher la case "développer des modèles de gadget"...

 Rechercher le code ci-dessous:


<div class='post-header-line-1'/>

Juste après coller le code:

<!--LABEL-SPC-ICON-STARTS-->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;LIBELLE1&quot;'>
TEXTE OU LIEN VERS IMAGE ICI
</b:if>
</b:loop>
<!--LABEL-SPC-ICON-STOPS-http://bloggerstop.net-->

pour plusieurs libellés, coller ce code:

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;YOUR_LABEL_#1&quot;'>
TEXTE OU LIEN VERS IMAGE ICI
</b:if>
<b:if cond='data:label.name == &quot;YOUR_LABEL_#2&quot;'>
TEXTE OU LIEN VERS IMAGE ICI
</b:if>
<b:if cond='data:label.name == &quot;YOUR_LABEL_#3&quot;'>
TEXTE OU LIEN VERS IMAGE ICI
</b:if>
<b:if cond='data:label.name == &quot;YOUR_LABEL_#4&quot;'>
TEXTE OU LIEN VERS IMAGE ICI
</b:if>
</b:loop>

Remplacer en rouge: LIBELL1 et YOUR_LABEL_#1, par le nom exacte de votre libellé
Vert: indiquer le lien vers votre icône, image...
Ex:  <img src="http://i49.tinypic.com/2elukh4.jpg" alt="Book Reviews"/>  

Enregistrer. 

Publié par ADGeek // jeudi 7 octobre 2010 // Libellés : // Commentaires






Suivez Nous


Subscribe by: RSS Email
Follow me on: Twitter Google Plus
+1 for Recommendation

Recevez mes articles par e-mail

Recevez mes articles directement dans votre boite e-mail. Profitez de dossiers exclusivement envoyés aux abonnés de la newsletter

devenir Membres

Articles récents