Des smileys dans les commentaires

Les smileys furent crée par Harvey Bell. Nous avons déjà vu comment mettre ces petites expressions faciales dans les articles sur Blogger (voir aussi "Encore des émoticônes pour Blogger"). Beaucoup avaient voulu savoir comment mettre des smiley dans les commentaires. J'ai lu un article chez Online Biz qui explique comment arriver à accomplir cette petite proeusse. L'avantage est que si certains avaient laissé des commentaires avec les signes pour certains émoticônes présent sur le code, ils sont automatiquement adaptés.

Il est impératif d'intégrer le formulaire des commentaires à la fin de l'article pour que cet intégration puisse marcher.

Pour installer des emoticones dans les commentaires, il vous faut : 

1. Vous connecter à votre compte Blogger. Cliquer sur "Mise en page", puis "Modifier le code Html" et cochez "Développez des modèles de Gadget"

2. Trouvez ce code : 

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

<h3><a expr:href='data:post.addCommentUrl'

expr:onclick='data:post.addCommentOnclick'>

<data:postCommentMsg/></a></h3>

</b:if>

</b:if>

</p>

</b:if>

3. Remplacez le code ci-haut par celui-ci 

<p class='comment-footer'>

<b:if cond='data:post.allowComments'>

</b:if>

<b:if cond='data:post.embedCommentForm'>

<h3>Un petit message ici pour vos lecteurs, genre : Sélectionnez les signes à côté du smiley à insérer dans votre commentaire</h3>

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 400; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #cccccc; height:80'>

<b>

<table><tr>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :)) </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;)) </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;) </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;) </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :(( </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :) </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :( </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X </td></tr>

<tr>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =(( </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/ </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-* </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :| </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-\} </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)] </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-( </td>

<td><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L </td>

</tr></table>

</b>

</div>

<b:include data='post' name='comment-form'/>

<b:else/>

</b:if>

</p>

</b:if>

5. Allez au bas de la page, juste avant la balise </body> mettez le code suivant :

<script src='http://javascripthost.com/s1/bin/smileysver1.js' type='text/javascript'/>

6. Enregistrez votre modèle et allez voir le résultat.

@+