Ajouter Des Smiley Dans Les Commentaires Blogger

Comment Ajouter Smiley et émoticônes aux Commentaires dans Blogger !
Si vous avez déjà intégré le formulaire de commentaires en dessous des articles, alors il serait très intéressant d’ajouter une liste de smiley / émoticônes que vos lecteurs peuvent utiliser en écrivant leurs commentaires.

Voici donc une méthode très simple pour intégrer des smiley (smilies) ou émoticônes dans les commentaires d’un blog Blogger.

Vous pouvez voir cette astuce en action en bas de cet article et laisser un commentaire avec un smiley pour voir ce que ça donne.

Connectez vous à Blogger, Allez dans "Mise en page", "Modifier le code HTML", cochez la case "Développer des modèles de gadgets", et recherchez (Ctrl + F) le code suivant:

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>

Juste entre ces deux lignes ajouter le code suivant :

Maintenant recherchez le code </body>
Et juste avant ajoutez le code suivant :

<script src='http://lewordpress.com/Blogger/JS/YahooSmiley0.js' type='text/javascript'/><noscript><a href="http://www.leblogger.com" ><span style="font-size: x-small;">Smiley</span></a></noscript>

C’est tout ! Enregistrez et maintenant vous pouvez voir les smiley en bas de chaqu’un de vos Articles.

Facebook

Vous avez aimé cet article ?

111 Commentaires

Soufiane LeBlogger: Test:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =)); 19 juin 2009 11:36
Anonyme: =)) =)) =)) =)) =)) =)) =)) =)) =)) =)) =)) =))

~x( ~x( ~x( ~x( ~x( ~x( ~x( ~x( ~x( ~x( ~x( ~x(

:))

:)); 19 juin 2009 11:45
Nat: attend je teste aussi :-L

:-L

:-L

:-L; 19 juin 2009 12:35
Nat: oh oui ça marche impek :)); 19 juin 2009 12:36
Anonyme: x(; 22 juin 2009 09:41
Anonyme: :-t ça aurait été plus cool de pouvoir directement cliquer sur les smilies alors que là il faut à chaque fois écrire les codes ....

est ce que celà est possible??? :-/; 22 juin 2009 09:43
Lilas Conuts: j'aurais vraiment voulu intégrer les smileys aux comm de mon log mais je n'ai pas su ou chercher
b:if cond='data:post.embedCommentForm
b:include data='post' name='comment-form

j'ai regardé dans 'modifier le code HTML mais rien
je suis une débutante et ça doit être trop compliqué pour moi :(( :((; 4 juillet 2009 18:33
Soufiane LeBlogger: @ Lilas Conuts, salut!

Il faut cocher la case "Développer des modèles de gadgets" puis rechercher code <b:if cond='data:post.embedCommentForm'>

J'ai vu ton blog, tu utilises le Template Minima et la forme de "commentaires intégrés" donc il n'y a aucune raison que ça ne marche pas.
Si tu ne trouves quand même pas le code, tu peux m'envoyer ton Template par email et je te dirais où placer le code. email : LeBlogger[at]LeBlogger.com

Soufiane; 4 juillet 2009 18:57
ROSERPERA: jarrive pas a voir le code Ctrl+f.....:-*...please! =)); 7 juillet 2009 19:07
ROSERPERA: merci Soufiane, a moi aussi!;;); 7 juillet 2009 19:09
Soufiane LeBlogger: @ ROSESPERA :D
tu es sérieuse :? Ctrl+f : il faut appuyer sur la touche du clavier "Ctrl" et la touche F ( ou seulemnt la touche F3) :)) :)) :)) :)) :))

Il faut d'abord intégré le formulaire des commentaires après chaque article, c'est très simple regard ici.

j'ai vraiment l'aire d'un con là :( :( :( :(; 7 juillet 2009 19:16
Lilas Conuts: yesssssssssss et du permier coup pfffff g eu chaud merci:*; 10 juillet 2009 17:43
Soufiane LeBlogger: @ Lilas, :)
J'ai vu ça, c'est Cool.
Pour changer l'arrière plan des smiley qui s'affiche en haut du formulaire des commentaire il faut juste changer ça #eeeddf avec le code de la couleur que tu veux.

Et pour trouver les codes des couleurs, c'est ici : Codes Couleurs Blogger :D; 10 juillet 2009 18:00
Lilas Conuts: Bon ce sont les smileys yahoo mais il en manque deux que mes amies et moi nous utilisons tout le temps c'est possible d'en rajouter ou de permuter car certains que tu proposes je ne les aime pas
Les deux qui manque=
le siffleur :-"
celui qui lève juste un sourcil d'un air sceptique /:-)

http://www.muller-godschalk.com/fr/yahoo.html; 13 juillet 2009 07:28
Soufiane LeBlogger: @ Lilas Conuts :)
oui c'est très faisable, il faut juste que tu me donnes les images et je vais faire une mise à jour. sur le site que tu m'as donnée les image ne sont pas animées :?; 13 juillet 2009 09:35
Lilas Conuts: je cherche; 13 juillet 2009 10:07
Lilas Conuts: http://fr.messenger.yahoo.com/features/emoticons; 13 juillet 2009 10:11
Lilas Conuts: http://fr.messenger.yahoo.com/features/hiddenemoticons; 13 juillet 2009 10:13
Soufiane LeBlogger: @ Lilas
D'accord j'essaierais de faire quelque chose mais tu dois attendre :); 13 juillet 2009 13:18
yaelle: Bonjour
Bravissimo rien de +++ c'est super méga génial
j'y suis arrivée. Merrrrccciiii.... beaucoup....
BBBRRRRAAAVVVOOO; 17 juillet 2009 16:42
Soufiane LeBlogger: @ Yaelle :D
Merci :)) :)); 17 juillet 2009 20:02
mohieddine: ghj :|; 19 juillet 2009 19:13
Vouvou Touch: Bonjour

Tout comme Lilas Conuts, je ne trouve pas les lignes b:if cond='data:post.embedCommentForm' et
b:include data='post' name='comment-form'/ en faisant CTRL+F

Est-ce dû à la forme de mon template ?; 27 juillet 2009 15:23
Soufiane LeBlogger: @ Vouvou Touch
Tout comme Lilas Conuts: Il faut cocher la case "Développer des modèles de gadgets" puis rechercher le code <b:if cond='data:post.embedCommentForm'>

Est ce que c'est ça ????; 27 juillet 2009 15:28
Vouvou Touch: J'avais bien compris ça ;) , oui, j'ai bien cocher la case "Développer des modèles de gadgets", mais le code n'apparait pas quand je fais la recherche avec ctrl+f >.<; 27 juillet 2009 15:38
Vouvou Touch: Ah je viens de trouver le code b:include data='post' name='comment-form'/ mais pas le code b:if cond='data:post.embedCommentForm'; 27 juillet 2009 15:44
Vouvou Touch: Bon j'ai réussi malgré tout pour les smileys ^__^, je cherche maintenant à voir afficher les commentaires >.<; 27 juillet 2009 15:54
Soufiane LeBlogger: @ Vouvou
je ne sais vraiment pas pourquoi les commentaires ne s'affiche pas, il doit y avoir un code dans le Template qui déconne mais pas sûr ....; 27 juillet 2009 16:07
Vouvou Touch: Oui, je suis encore en train de chercher, car toutes tes autres astuces marchent nickel ...

Merci encore pour toutes tes réponses, ça m'a vraiment bien aidé :)

@ tout hasard, je cherche à rendre ma "Sidebar Widget Color" plus transparente, mais je n'ai pas réussi à trouver comment faire. existe-t-il un code html pour ça ?; 27 juillet 2009 16:19
SM: ça marche pas avec mon blog svp pouriez vous m'aidez voila mon blog < cemination.blogspot.com >

mercii d'avance :-*; 1 août 2009 12:33
SM: Ce message a été supprimé par l'auteur.; 1 août 2009 21:18
Obiwoobi: hello ;) merci pour l'astuce. ça marche très bien ;)
par contre il y aurait t-il un moyen de changer le pack d'icones fournis par mon propre pack d'icones ?
j'ai l'impression que toutes tes icones sont dans ce fichier:
http://www.hotlinkfiles.com/files/2616744_qaqv4/smileyleBlogger.js'

J'ai essayer de me renseigner mais je ne trouve pas ce que je veux.
faut t-il créer un fichier js qui inclue le pack de smiley, si oui comment faire ? :)
merci pour tout les tutos et bonne continuation.

http://stormaion.blogspot.com/; 10 août 2009 16:03
Soufiane LeBlogger: @ Obiwoobi
Tu peux mettre les icones que tu veux en remplçant les URL des iones dans fichier Javascript.
C'est simple mais très très barbant.; 10 août 2009 20:17
Obiwoobi: merci pour ta réponse rapide;)
Le probleme c'est que je n'ai pas accès au fichier javascript.
J'ai donc chercher des tutos qui expliquerais comment créer un fichier js ou je pourrais inclure mon pack, mais je n'ai pas trouvé.

ça ne me dérange pas le très très barbant tant que j'obtiens le résultat que je veux :D

J'ai testé de changer les urls des smileys dans le fichier que tu joins mais outre le fait qu'ils apparaissent bien en haut des commentaires, quand on veux les utiliser, ça m'affiche les icones yahoo, c'est pour ça que je pensais qu'il devait y avoir un fichier parent.
Je débute, je découvre, y a du boulot :D
A plus, merci encore pour la réponse.; 11 août 2009 01:25
Anonyme: Un p'tit test pour la route ! :D ;); 12 août 2009 02:47
Soufiane LeBlogger: @ Obiwoobi
Le fichier javascript est http://www.hotlinkfiles.com/files/2616744_qaqv4/smileyleBlogger.js

tu y modifie les urls des images.

L'autre code c'est uniquement pour afficher les smiley et leurs code au dessus du formulaire des commentaires, tu peux y modifier les URL également.; 13 août 2009 00:40
Obiwoobi: excellent! merci beaucoup ;)
je vais tester ça de suite :D; 13 août 2009 09:56
Obiwoobi: oufff ça y est, c'est fait ! -> section ommentaire
http://stormaion.blogspot.com/
merci encore ;); 14 août 2009 01:14
Soufiane LeBlogger: @ Obiwoobi
j'ai vu ça c'est très cool.
j'utilisais les même smiley que toi avant.; 14 août 2009 12:20
Anonyme: Obiwoobi
ou est ce que tu as trouvé ces smileys il sont vraiment cool :)); 17 août 2009 18:11
Anonyme: Merci pour ton superbe si intéressent, tous les astuces sont bien matchées impeccablement pour moi, sauf celle-là,malheureusement, j'arrive pas à trouver le code; 18 août 2009 01:31
Soufiane LeBlogger: c'est quoi ton blog; 18 août 2009 12:37
Obiwoobi: @ anonyme http://www.cataloguesmileys.fr/catalogue-smileys-Onion~Head.html; 19 août 2009 00:06
Soufiane LeBlogger: @ Obiwoobi
merci d'avoir répondu j'ai pas vue ce commentaire (anonyme) les smilies Onion sont vraiment trop cool, je vais essayer de fair un pack avec.
voilà une centaine des plus connus

http://s237.photobucket.com/albums/ff133/onionethan/Onion_Emoticons/?start=all; 19 août 2009 00:24
sophie: :)) Bonjour,
J'ai bien rentré tous les codes mais ça marche pas, ils apparaissent bien au dessus de la case commentaire mais quand on envoie on a toujours les symbole que l'on a taper les : et ) je sais pas si je me fais bien comprendre?? que dois-je faire s'il te plait
Merci; 20 août 2009 17:33
sophie: même là j'ai essayer sur ton commentaire et ça marche pas pourquoi??; 20 août 2009 17:34
Soufiane LeBlogger: @ Sophie
je vois bien les smiley dans mon blog?????

j'ai vu ton blog et il n'y a aucun des deux code donc !!!!; 20 août 2009 17:46
Geo: http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif; 27 août 2009 21:31
Soufiane LeBlogger: @ Geo
?????????; 29 août 2009 14:17
Pluie Tendre: :))
Pour moi idem, ça n'affiche que les symboles: parenthèse et points. mais pas le smiley.; 30 août 2009 08:09
Pluie Tendre: Non non, ça marche à merveille maintenant merci bcp.
Au fait j'adore tes astuces. Et ça marche à tout les coups.
Bnne continuation :X; 30 août 2009 08:19
Soufiane LeBlogger: @ Pluie Tendre
Merci,
Et si dans le futur, par hasard un truc ne marche pas n'hésitez pas à laisser un commentaire et je m'en occuperais....; 30 août 2009 10:49
Laurent: Hello, j'ai installé les codes dans mon code html mais les smiley ne s'affiche pas dans les commentaires, que faire :(( ?

Mon blog: http://only-iphone.blogspot.com/; 11 septembre 2009 10:25
Soufiane LeBlogger: @ Laurent
ah oui, c'est bien embêtant ça.
Je vais voir ce que je peux faire.

Ton blog (Only iPhone) est vraiment trop cool, le Zinmag est très beau et le look est parfait, Bravo.; 11 septembre 2009 12:33
Laurent: Merci a toi Soufiane, mais sans ton super Blog il n'en serait pas ainsi !! Merci pour tous ses conseils et astuce, je passe régulièrement ;)

Si tu peux réussir a trouver le problème ça serai vraiment super. j'ai testé des petites modifications dans les codes mais ca na rien changé. :-/; 11 septembre 2009 13:01
Soufiane LeBlogger: @ Laurent
le script fonctionne bien, je crois que ça devrais être un truc dans le Template qui le bloque, je verrais ça plus tard....; 11 septembre 2009 13:06
Laurent: Oki pas de souci rien ne presse, je retir les codes pour le moment si ça ne pose pas de problème.; 11 septembre 2009 13:12
Soufiane LeBlogger: ok ok c'est ok; 11 septembre 2009 14:55
Laurent: Hello Soufiane, je viens aux nouvelles, si jamais tu as eu le temps de jeter un coup d'œil sur mon code ;) Bon week-end!!; 13 septembre 2009 09:30
Soufiane LeBlogger: @ Laurent
J'ai vraiment pas le temps en ce moment, dsl.; 13 septembre 2009 12:12
Amedyaz-Amsebrid: Formidable, merci.:D; 16 septembre 2009 06:06
Laurent: Sayai Soufiane,

j'ai réussi à modifier totalement mon code HTML, j'ai enfin des avatars et des smiley dans mon blog !!! :D

http://only-iphone.blogspot.com/

Encore un grand merci a toi :); 26 septembre 2009 22:54
ckankonvaou: ça marche pas car j'ai ça entre les deux ligne
b:if cond='data:post.allowNewComments'
et si je l'enlève je ne peux pas enregistrer le nouveau modèle !; 27 septembre 2009 11:19
Soufiane LeBlogger: @ Amedyaz-Amsebrid
@ Laurent
Merci; 27 septembre 2009 12:15
Laurent: Soufiane, est ce que tu sais comment afficher les smiley dans le contenu des articles en plus des commentaires ? :); 29 septembre 2009 15:11
Soufiane LeBlogger: Salut Laurent,
j'avais tester un truc avec Firefox mais c'est pas très simple à utiliser ... je vais voir si il y a un autre moyen, notamment avec ce même script, je te tien au courent ...; 29 septembre 2009 22:06
Lella El Baya: :)); 12 octobre 2009 10:18
woep92: Ce message a été supprimé par l'auteur.; 13 octobre 2009 08:38
Nanoo alias Ania: Salut

j'ai le même probleme que ckankonvaou ...
j'ai essaye de deplacer la ligne b:if cond='dataost.allowNewComments'

mais rien y fait...; 24 octobre 2009 13:38
Robert: Merci beaucoup :p c'est magnifique!!; 30 octobre 2009 18:37
Océane: Je voit bien les Smiley en bas de ma page , mais dans les commentaires ils ne s'affiche pas ?; 7 novembre 2009 23:45
Soufiane LeBlogger: @Ania
Regard ici : http://www.leblogger.com/2009/06/commentaire-apres-dessous-message.html; 8 novembre 2009 09:36
Soufiane LeBlogger: @Robet
Yourwilkam; 8 novembre 2009 09:37
Soufiane LeBlogger: @Oceane
Dequel blog tu parles ??? dans oceaane.blogspot.com y a pas de smiley !!!; 8 novembre 2009 09:38
RV2356: j'ai essayer de faire la modif, mais j'ai une ligne entre les deux dont je ne sais que faire, dans la première phase...

merci; 9 novembre 2009 12:35
Soufiane LeBlogger: @RV2356
Ok, si ça marche pas, je regarderais ton code ... :D; 9 novembre 2009 14:48
RV2356: =((
en supprimant la ligne ça ne marche pas et j'ai un message d'erreur et en l'intercalant il ne se passe rien...
merci de te pencher sur mon cas...et de m'aviser de mon erreur...; 11 novembre 2009 09:28
Soufiane LeBlogger: @RV
Mais si, je crois que tu as la première ligne : b:if cond='data:post.embedCommentForm'>

Donc faut copier après celle là =)); 12 novembre 2009 10:39
RV2356: bonjour

Pour que celà soit pris en compte il fallait enregistrer le modèle et non faire aperçu...chose que je n'avais pas fait voulant éviter la boulette...

serait il possible d'ajouter à la barre de smileys d'autres attitudes comme la confusion et qqs autres ?
merci; 13 novembre 2009 12:32
☼ FRANCE ☼: Bien alors france et moi sommes nul je pense; 19 novembre 2009 13:01
Anonyme: Salut,
J'ai suivis exactement ce que tu dit
Mais sa ne marche pas chez moi; 29 novembre 2009 01:16
Soufiane LeBlogger: @Anonyme
Pourquoi ça marche pas ;) qu'est ce qui ne marche pas ;); 29 novembre 2009 13:46
Soufiane LeBlogger: @RV2356
J'ai créer deux autres packs ici :

http://www.leblogger.com/2009/11/onion-head-smileys-commentaire-messages.html; 29 novembre 2009 13:49
Tousillicite: Salut Soufiane
Jai aussi suivis ce que tu as dit & sa ne marche pas :))
Voila mon blog http://tousillicite-exclu.blogspot.com/; 5 décembre 2009 00:47
Tousillicite: Jai installer le HTLM, et je n'est pas réussi a mettre les smiley et de plus sa a due créer un beug bizarre, car maintenant je n'arrive plus a lire les commentaire poster
exemple pour cette article, il ya 2 commentaires et je n'arrive pas a les voir http://tousillicite-exclu.blogspot.com/2009/12/plus-belle-la-vie.html; 5 décembre 2009 13:14
laurent: Merci ! j'avais suivi la même procédure à partir d'indications différentes, données d'un site anglophone ; les smileys tardaient à venir et partaient inopinément.
Là ça a l'air OK, merci ! :); 6 décembre 2009 14:25
Soufiane LeBlogger: @laurent
C'est cool, regard mes Onions, ils sont pas encore dans les "sites anglophone" : http://www.leblogger.com/2009/11/onion-head-smileys-commentaire-messages.html; 7 décembre 2009 16:33
Soufiane LeBlogger: @Tousillicite
C'est un copier-coller, si ça marche pas tu n'as qu'à supprimer ce que tu as collé ;); 7 décembre 2009 16:36
Tousillicite: Je ne comprend pas pourquoi cette astuce ne marche pas lol ^^, je pense que sa vient de ma template.

Je vais tester les smiley Onion Head, je te tient au courant :p; 7 décembre 2009 18:14
Soufiane LeBlogger: ok, mais c'est la même chose :)); 8 décembre 2009 19:00
3oche9-allayl: n'a pa marché frer , j'ai assez de probleme avec mon blog , svp j'ai besoin d ton aide; 14 décembre 2009 10:18
Soufiane LeBlogger: @3oche9-allayl
Pourquoi ça marche pas, qu'est ce que tu as ;); 14 décembre 2009 12:50
RV2356: "@RV2356
J'ai créer deux autres packs ici :"

avec retard, merci beaucoup...:D; 14 décembre 2009 18:38
3oche9-allayl: j c pas pr koi mé si vous voulez je peut t'envoyé le fichier html si tu peut le verifier; 20 décembre 2009 09:52
Sôso: hello soufiane,
j'ai fait tout ce que tu dis mais ça ne fonctionne pas, je ne sais pas quoi faire?
merci si tu pouvais m'aider :)
mon blog : http://so-soprettymanythings.blogspot.com
merci d'avance,; 8 janvier 2010 01:04
Aymeric: http://lewordpress.com/Blogger/Image/Onion30/Leblogger2.gif; 23 janvier 2010 18:54
Aymeric: :); 23 janvier 2010 18:55
mimizz: comment on fait pour personnaliser les smiley????? ;)); 30 janvier 2010 12:47
Sodimel: waw, trop cool^^

;)); 13 février 2010 17:14
Nabel: Hi, i just created new smiley code for blogger comment. It do relly work!..
it has more than 1000+ smiley to be used!..
yeah!..

it simple hack.
feel free to use this 2010 smiley hack? visit here.
http://akunabel.blogspot.com/2010/03/add-1000-smiley-emoticon-in-blogger.html; 2 mars 2010 07:53
Pestange: Coucou je teste aussi 8-( ;); 9 mars 2010 00:13
Big Yo: salut
j'ai un petit probleme
au lieu de

j'ai

donc une ligne de trop
quelle est la marche à suivre svp?; 20 mars 2010 14:10
ifuseeK-rythm: http://lewordpress.com/Blogger/Image/Onion30/LeBlogger1.gif; 21 avril 2010 12:15
m@z: je test de suitehttp://lewordpress.com/Blogger/Image/Onion30/LeBlogger1.gif; 25 avril 2010 22:01
m@z: :); 25 avril 2010 22:01
Anonyme: Hey hey génial ! Merci Soufiane !:); 16 mai 2010 17:18
admin: trop fort :); 4 juin 2010 21:53
Magali: http://lewordpress.com/Blogger/Image/Onion30/LeBlogger14.gif; 15 juin 2010 10:27
ltpaterson: :-L; 17 août 2010 22:45
ltpaterson: :)) ça marche pas du tout; 17 août 2010 22:45
Sophie & Nicolas: Ce message a été supprimé par l'auteur.; 31 août 2010 11:22