Comment ajouter un avatar aux rédacteurs dans les billets ?

Publié le 04 août 2008 par Antoine Toin0u
Suite à la demande de Basto, voici un tuto simple pour ajouter une image correspondant au rédacteur. Cette astuce, enfin ce bout de code, est simple à mettre en place. Elle s'adresse aux utilisateurs de blog sous blogger qui est co-animé par plusieurs personnes.
Par exemple, acKorea est co-animé par R^, Béa et moi-même :)

Pour réaliser ceci, il suffit seulement de faire attention à la case du nom du rédateur et uploader l'avatar (12px par 12px) quelque part. Au niveau du code, s'il y x rédacteurs, le procédé est de faire x tests. En sommes, si l'auteur du billet est tOiN0U alors on affiche l'avatar de tOiN0U. Simple non ?
Passons au code
/!\ Faites une sauvegarde de votre template !
- Connectez-vous via le draft.blogger.com.
- Tableau de bord > Mise en page > Modifier le code HTML > cochez Développer des modèles de gadget.
Cherchez:
<data:post.author/>Juste avant collez:
<b:if cond='data:post.author == &quot;tOiN0U&quot;'><img alt='' src='http://ackorea.googlepages.com/tOiN0U.jpg' style='float:left;width:12px;height:12px;'/></b:if><b:if cond='data:post.author == &quot;R^&quot;'><img alt='' src='http://ackorea.googlepages.com/R.jpg' style='float:left;width:12px;height:12px;'/></b:if><b:if cond='data:post.author == &quot;Béa&quot;'><img alt='' src='http://ackorea.googlepages.com/bea.jpg' style='float:left;width:12px;height:12px;'/></b:if>
Comme vous pouvez le voir dans le code, les éléments à remplacer sont:
- tOiN0U et http://ackorea.googlepages.com/tOiN0U.jpg
- R^ et http://ackorea.googlepages.com/R.jpg
- Béa et http://ackorea.googlepages.com/bea.jpg
Enregistrez le modèle, c'est terminé.
N'hésitez pas à commenter si vous rencontrez un problème :)bLoG: ackorea.blogspot.com bY R^, Béa & tOiN0U