Une icône à coté de vos titres

Il se pourrait que l’envie vous passera d’ajouter un plus aux titres de vos articles de blog. Seulement, comme Blogger n’offre pas une possibilité du genre, je vous propose une technique simple pour ajouter une image ou icône aux titres de vos articles.

L’astuce a été testée sur mon blog test, et elle assure. Pour en faire pareil sur votre blog, voici les étapes à suivre :

1. Créez votre image

La première chose est de créer votre image ou si vous l’avez déjà, hébergez dans un site donnée et copiez l’url de votre image.

2. Remplacez la phrase en rouge par l’url de votre image.

<img src="Url de votre image" style="border-width:0px" />

3. Intégrer l’image dans votre modèle

Connectez-vous sur votre compte blogger, allez sur le modèle du blog où vous voulez intégrer l’image. Là, allez sur “ modifier le code HTML ” et cochez “ Développer des modèles de gadget ”.

Recherchez le bloc de code suivant :

<b:includable id='post' var='post'>

<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title'>

<b:if cond='data:post.url'>

<a expr:href='data:post.url' rel='bookmark'>

Collez le code de l’étape 2 immédiatement après la dernière ligne du code ci-haut. Enregistrez votre modèle et allez voir le résultat.

Si vous voulez que l’icône apparaisse à la fin du titre et non au début, collez le code avec l’url de votre image juste après la balise :

<data:post.title/>

Enregistrez votre modèle et allez voir le résultat.

Dites merci à Vin qui a trouvé l’astuce et à votre humble serviteur (en faisant un lien vers ce blog).

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.