Affichage Photos commentateurs et couleur de fond différentes

By
Advertisement




En 2007, nous avions enseigné une technique pour afficher les photos des commentateurs qui disposent d’une photo de profil sur Blogger. Mais, depuis quelques temps, Blogger permet d’afficher les photos des commentateurs même sur les blogs qui ont choisis d’intégrer un formulaire des commentaires à la fin des articles, ce qui a rendu notre première astuce à moitié hors service. Bien que les bulles qui encadrent les commentaires s’affichent encore et qu’il y a moyen de différencier les commentaires des lecteurs de celui du proprio du blog par la couleur de fond, les photos elles ne s’affichent plus.

Avant de voir comment remédier à ce problème, expliquons les méthodes fournies par Blogger pour afficher les photos de profil sur les commentaires (quelqu'un m'avait contacté pour écrire cet article il y a 3 semaines, mais depuis plus aucun signe de vie malgré mon accord).

Si vous désirez afficher les photos des commentateurs sur un Blog Blogger, rien de plus simple. Il suffit d’aller sur « Paramètres », puis sur « Commentaires » et là, cocher sur "oui" pour l’option «Afficher les photos de profil sur les commentaires ».


Au cas où les photos ne s’affichent pas du tout malgré l’activation de l’option citée ci-haut, utilisez cette méthode de Soufiane :

1. Aller sur « Modifier le code html » et trouvez l’une  de deux lignes suivantes :

<dl id='comments-block'>

Ou

<div id='comments-block'>

2. Remplacez la ligne que vous trouverez par 

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Notez que si vous remplacez le <div id='comments-block'>, il vous faudra chercher le </div> qui clôture celui-ci et le remplacer par </dl>

Au cas où vous ne trouvez pas les premières lignes indiquées, cherchez plutôt la troisième. Si elle existe, passez à l’étape suivante.

3. Trouvez la ligne suivante :

<a expr:name='data:comment.anchorName'/>

Remplacez-la par celle-ci :

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='50px' style=' margin: 25px 0 0 0;' width='50px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

Ajouter une bulle avec différentes couleurs de fond pour les commentaires


Pour avoir une bulle entourant les commentaires avec couleur de fond différent pour les commentaires de l’auteur du blog et ceux des visiteurs :

1. Dans le css de votre blog, mettre les codes suivants et effacez ceux similaires qui existaient avant (voir la nomination en gras)

.comment-body { background: url(http://chenkaie.googlepages.com/bg_comment.gif) no-repeat 35px 0px; padding-top:1px; }
.comment-body p { background:#d0d0d0; margin: 5px 0 0px 0; border: 6px solid #e5e5e5; line-height: 1.6em; padding: 7px 7px 7px 13px; }
.comment-body-author { background: url(http://chenkaie.googlepages.com/bg_comment.gif) no-repeat 35px 0px; padding-top:1px; }
.comment-body-author p { background:#ccdacc; margin: 5px 0 0px 0; border: 6px solid #e5e5e5; line-height: 1.6em; padding: 7px 7px 7px 13px; } .comment-author { margin: 0px 0px 0px 0px; padding: 0 10px 0 40px; color: #777; font-size: 16px; font-weight:bold; background: url(http://www.blogblog.com/tictac/comment_arrow.gif) no-repeat 20px 7px;}

* html .comment.favicon { /*IE only*/
  margin: 30px 0 0 0;
}


2. Juste après le code suivant

<b:loop values='data:post.comments' var='comment'>

Mettre

<!-- kaie added for comment-body-author highlight begenning1-->
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<!-- kaie added for comment-body-author highlight ending1-->
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
<!-- kaie added for comment-body-author highlight -->

3. Enregistrez votre modèle et youpi !

Vous avez vos commentaires qui s’afficheront avec photos de leurs auteurs en plus d’une différenciation des commentaires du proprio du blog de ceux des visiteurs par la couleur de fond.




6 commentaires:

  1. Salut Rodney,
    C'est Soufiane de LeBlogger.com, oui c'est moi le "quelqu'un m'avait contacté pour écrire cet article il y a 3 semaines, mais depuis plus aucun signe de vie malgré mon accord", et quand je t'en ai parlé tu n'utilisais pas les avatars......

    Justement j'avais écrit un article il y a près de 8 semaines pour utiliser les Avatars dans Blogger et cet article as été cité par BloggerBuster, Dante Araujo, BloggerPlugins, BloggerStop, Anshul Dudeja, bref par tout le monde sauf un !!!!!!!!!!.

    Mais depuis 5 semaines les Avatars ne fonctionne plus !!! oui, oui ils ne s'affichent pas dans les blogs et les pages avec beaucoup de commentaires. regard dans le blog officiel de blogger ou dans mon blog, j'ai écrit un post sur le sujet. Les avatars s'affichent pour les premiers 6-7 commentaires et après il n'y a plus rien.

    J'attendais donc que Blogger trouve une solution à ce problème avant de t'envoyer l'article que je t'avais demandé d'écrire et que j'ai déjà écrit.
    Je voulais aussi savoir, au cas où il t'arrivait de parler de ce sujet, est ce que tu serais capable de me citer ou non et biensûr j'ai eu ma reponse.

    Par ailleurs, il te manque le CSS pour les commentaire anonymes.

    RépondreSupprimer
  2. @ Soufiane : Juste pour info : Nous ne sommes pas des ennemis. Seulement, je crois que tu semble confondre concurrence et inimitié.

    En te permettant d'écrire l'article en question, j'espérais que tu comprendrais que je ne te prend pas pour mon ennemi. Et surtout, tu aurais été amplement cité dans l'article écrit par toi même.

    Mais, comme tu j'avais passé ces 3 semaines d'attente vaine, sans réponse, je m'étais demandé si tu ne l'avais pas fait pour me rétarder sur le sujet parce qu'il y a quelques jours, je suis tombé sur des paroles pas très courtoise de ta part à mon sujet sur ton blog. Mais, tu avais une bonne raison de n'avoir pas envoyé l'article, alors, excuse moi.

    L'article où j'avais tiré l'astuce n'avait cité ton apport qu'en ce qui concerne les css, ne les ayants pas mis dans mon article, je ne voyais pas pourquoi te citer. Mais, je suis aller finalement lire l'article d'Amanda et oui, c'est toi qui a donné le code (donc, je vais te citer mon ami).

    Surtout, arrête de chercher occasion de dispute avec des questions subtiles, je préfère ne pas jouer ce jeux. Je suis sur Internet pour me faire des amis, pas des ennemis.

    J'espère que nos futur échanges seront amicaux, ne nous faisons pas la guerre, nous naviguons sur le même bateau.

    RépondreSupprimer
  3. Merci d'avoir répondu.

    Pour les paroles pas très courtoise, tu parles surement du commentaire de Michèle, eh bien figure toi, que c'est moi qui lui as demandé de le publier ....

    J'avais laissé plusieurs commentaires sur ton blog il y a plusieurs mois de cela, tu n'as jamais répondu et il fallait plusieurs semaines pour que mes commentaires passent la modération (est ce que tu aurais désactivé la modération des commentaires après avoir lu mon article ???). J'étais tellement dégouté que j'ai décidé de créer un blog d'aide pour Blogger. Voilà toute l'histoire.

    Pour moi, il n'y a ni concurrence ni "inimitié" ni guerre,etc. je ne prend rien au sérieux dans le monde du net.

    Pour ton "je m'étais demandé si tu ne l'avais pas fait pour me rétarder sur le sujet" j'espère que tu rigoles !!!! J'ai publié l'article le 17 Septembre et jusqu'à il y a 6 semaines, tu n'utilisais pas les avatars et si je ne te l'avais pas dit......

    Merci pour frère et t'inquiète on est déjà Potes

    RépondreSupprimer
  4. @ Soufiane : Il y a trop des choses sérieuses qui se passent sur le net, tu devrai prendre certains vraiment au sérieux.

    Mon article "Fracture numérique oblige" peut répondre à tes préoccupations en ce qui concerne le temps pris pour ne pas répondre à tes commentaires (comme à ceux de beaucoup d'autres, 264 commentaires en modération). Et puis, il y a aussi le fait que mes études me prennent parfois beaucoup de temp (et pas moyen de réfléchir sur autre chose).

    J'ai enlevé la modération des commentaires quand Phil et MarieBo m'avaient signalé que le catchpa rendaient impossible l'insertion des commentaires.

    Sinon, à part ça, tout est cool.

    RépondreSupprimer
  5. Ok d'accord c'est cool, oublions tous ça et n'en parlant plus........

    RépondreSupprimer
  6. bonjour Rodnay, de guerre lasse, je me tourne vers toi en espérant que tu pourras m'aider. comment puis je faire pour modifier la couleur du widget "recent coment" ? sur mon blog, les commentaires apparaissent foncés et sont donc illisibles. merci beaucoup
    http://cheveukemite.blogspot.com/

    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