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

By
Advertisement


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


11 commentaires:

  1. J'aurais bien aimé avoir ce petit effet pour mon blog, mais impossible d'afficher l'image, alors que je suis les instructions à la lettre....

    RépondreSupprimer
  2. Pour faire mon blog, si je l'édite dans mon traitement de texte, puis je le colle dans l'éditeur de Blogger, n'est pas plus facile ?

    Gilles

    RépondreSupprimer
  3. L'astuce marche très bien sur un blog que je mets en place^^
    Mais, toujours dans un blog tenu en équipe, je voudrais ajouter la possibilité de trier les articles par auteurs? Visiblement, Blogger ne permet pas cette possibilité, mais connais-tu une astuce pour y remédier?

    RépondreSupprimer
  4. Thanks for the translation!

    Merci beaucoup pour la traduction :)

    RépondreSupprimer
  5. bonjour Rodney jaimerais te demander que mon blog en firefox marche a merveille et en internet explorer marche mal il n'affiche pas tout mes articles si tu a un conseil a me donner dit le moi merci pour tout ce que tu fait pour nous !!!

    RépondreSupprimer
  6. Bonjour Roadney, pourrais tu s'il te palit jeter un coup d'oeil sur ce petit article à propos des "sitemaps blogger" et me dire ce que tu en penses : http://gazette-de-villecresnes.blogspot.com/2009/01/sitemaps-pour-blogger.html

    Il n'y a aucune urgence, donc vraiment à l'occasion d'un petit peu de temps libre.
    A bientôt.

    RépondreSupprimer
  7. Un tout grand merci pour cette astuce que je trouve super pratique ! Tout marche sans problème !!

    RépondreSupprimer
  8. Bonjour !
    Je ne trouve pas le code dans mon modèle !

    RépondreSupprimer
  9. Avec la nouvelle présentation tu es certain que le chemin d'accès au code est le même?

    RépondreSupprimer
  10. Hey there! does one use Twitter? I,d prefer to fol-low you if that may be ok. i am completely enjoying your post and appearance forward to new posts. however If you do not wish that be done, please inform me!

    RépondreSupprimer
  11. Your Post are really good, i believe many readers would love your post because it is really helpful. Just the same as others love persun dresses. Persun Mother of the Bride outfits are often praised as highly versatile outfits, with many buyers able to gain multiple occasion wear from a single dress or two piece suit.

    RépondreSupprimer

Salut Cher Lecteur.

Bien que les commentaires ne sont pas modérés en amont, ne perdez pas votre temps à mettre des commentaires sans aucun lien avec l'article. Ils seront effacés.

Ne venez surtout pas mettre des commentaires bidons pour promouvoir les sciences occultes ici (voyance, magie, etc.), vérifiez le blog, aucun commentaire de ce genre n'a résisté à la gomme de l'administrateur.

Bon, ceci étant dit, puissiez-vous respecter les lois de votre pays, les lois universelles ainsi que le bon sens en postant votre commentaire sur ce blog.

Remarque : Seul un membre de ce blog est autorisé à enregistrer un commentaire.

@ Blogger au bout du doigt. Fourni par Blogger.

SEO & REFERENCEMENT