Photo de l'auteur à côté du titre de l'article sur un blog tenu en équipe

Vous êtes une équipe à tenir un blog ? N’aimeriez vous pas afficher un petit avatar (ou une petite photo) de chaque auteur à côté du titre de l’article que celui-ci a écrit, histoire que le lecteur soit vite informé de qui est l’article au lieu de chercher avec minutie où se trouve l’identité de l’auteur sur la page ?

Si cela vous intéresse, cet article est pour vous.

Vous pouvez voir un exemple du résultat à obtenir sur cette page.

Pour accomplir cette petite prouesse :

1) Connectez vous sur votre compte.
2) Aller sur « mise en page », « modifier le code html », puis cochez sur « développer des modèles de gadget »
3) trouvez le code suivant :

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>


4) Juste après le code en rouge, mettez celui-ci:

<b:if cond='data:post.author == "Nom de l’auteur 1"'>
<span class="author"><img src="URL DE L’IMAGE"/></span>
</b:if>

<b:if cond='data:post.author == " Nom de l’auteur 2"'>
<span class="author"><img src=" URL DE L’IMAGE "/></span>
</b:if>

Si vous avez plus de deux auteurs, vous pouvez ajouter d’autre balises conditionnelles.

Le nom de l’auteur doit être exactement le même que celui affiché sur le profil Blogger (veiller sur les majuscules et minuscules).

L’idéal pour la taille des images, seraient qu’elles varient entre 30x30 ou 50x50 pixels.

5) Juste avant ]]</b:skin> ajouter cette ligne :

.author img{padding: 0; float: left; border: none; margin: 0 10px 10px 0;}

L’image sera affiché à gauche du titre de l’article. Si vous voulez l’avoir à droit, mettez right à la place de left dans ligne ci-haut.

Régalez-vous !

Source : Cet Article