Aujourd’hui, Je devais vous apprendre comment faire une page statique sur blogger. Seulement, comme je n’ai pas encore fini mon tuto pourquoi ne pas voir comment insérer des émoticons et smileys à la place.
Ceci est une astuce offerte par Blogger Emoticons et trouvée ici. J'ai testé la méthode sur mon blog test et ça marche.
Allez dans votre modèle, puis sur modifier le code HTML, là ne sélectionnez pas « développer des modèles de gadget »
1) Copiez et collez le code suivant juste après les balises <title> et</title> :
<!--BloggerEmoticons--><script type="text/javascript"><!--function replaceText() {// no supportif(!document.getElementById) {return;}bodyText = document.getElementById("body");theText = bodyText.innerHTML;// replacetheText = theText.replace(/;\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" alt=";)" />');theText = theText.replace(/;-\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" alt=";-)" />');theText = theText.replace(/:D/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" alt=":D" />');theText = theText.replace(/:-D/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" alt=":-D" />');theText = theText.replace(/B\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" alt="B)" />');theText = theText.replace(/B-\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" alt="B-)" />');theText = theText.replace(/:x/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":x" />');theText = theText.replace(/:X/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":X" />');theText = theText.replace(/:-x/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":-x" />');theText = theText.replace(/:-X/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":-X" />');theText = theText.replace(/:-\(/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" alt=":-(" />');theText = theText.replace(/:\(/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" alt=":(" />');theText = theText.replace(/:o/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":o" />');theText = theText.replace(/:O/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":O" />');theText = theText.replace(/:-o/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":-o" />');theText = theText.replace(/:-O/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":-O" />');theText = theText.replace(/:p/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":p" />');theText = theText.replace(/:-p/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":-p" />');theText = theText.replace(/:-P/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":-P" />');theText = theText.replace(/:P/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":P" />');theText = theText.replace(/:-\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" alt=":-)" />');theText = theText.replace(/:\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" alt=":)" />');bodyText.innerHTML = theText;}--></script><!--BloggerEmoticons-->
2) Remplacez la balise <body> par celle-ci <body id="body" onload="replaceText();">
3) Enregistrez votre modèle et régalez vous !
Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.
Et n'oubliez pas de donner un point de plus à cet article en cliquant sur le petit bouton rouge .
Bonjour,
RépondreSupprimerMerci pour cette astuce.
J'ai essayé sur mon blog mais en fait les smileys sont trop haut par rapport à la ligne de base. Sauriez vous pourquoi ?
merci
ça marche pas chez moi :'(
RépondreSupprimerEst-ce que tu pourrais reprécisez l'endroit dans le hmtl où mettre ce code ?
Moi j'ai déjà un id sur body, c'est peut-être ça qui coince ?
J'espère que tu vas pouvoir m'aider à régler ce problème.
Merci pour ton site !
Melanie, l'image n'ayant pas le même attribut qu'un simple écrit, il doit être normal que cela décalle un peu,sinon, le concepteur de l'astuce n'a pas pu résoudre ce problème jusqu'à ce jour.
RépondreSupprimerMagali, regarde bien la balise body dont on parle sur l'article, c'est celle qui vient juste à la fin des code css, tu la remplace.
tu devrais faire les choses étapes par étapes. tu remplis d'abord la première étape puis tu enregistre. ensuite, tu vas à la deuxième. Avec quelques essais tu trouvera et tout ira pour le mieux pour toit.
Bonne chance à toute les deux.
Salut!
RépondreSupprimerTout d'abord, super blog ou je trouve plein d'astuces pour le mien, donc continue comme ça!
Ensuite pour apporter mon grain de sable, voila comment supprimer le cadre autour de l'image et l'aligner avec le texte: il suffit de rajouter style="border:none;vertical-align:middle" juste avant alt="... pour chaque ligne.
Et hop!
Merci arnox
RépondreSupprimerDe mon côté, ça a fonctionné pendant un moment et là, ça ne fonctionne plus. J'essaye toujours de comprendre pourquoi... Sinon, ma question est la suivante: est-il possible de changer de smileys?
RépondreSupprimer> poisson rose : Bon la question date un peu ^^ mais oui il est possible de changer les smileys, il suffit de changer l'url, pour la remplacer par celle de ton choix,
RépondreSupprimerpar exemple pour le 1er : "http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" a remplacer par exemple par "http://liab.fr/blog/images/smiley/8D.png"
ce qui te remplacera ce smiley :
par celui la :
Coucou,
RépondreSupprimerTout d'abord, tu as eu une idée géniale de créer un blog à propos de blogger, parce que vraiment ce blog est difficile à manipuler tellement il est simple à utiliser.
Alors voilà j'ai deux questions :
1) j'aimerais que les smileys s'affichent dans la fenêtre pop up pour les commentaires sur mon blog, et j'aimerais de préférence des smileys perso (donc je sais que je vais devoir les dessiner). Comment faire?
2) je n'arrive plus à changer les couleurs de mon blog (dans le menu polices et couleurs). Ca m'affiche "erreur de script sur la page". Comment je peux régler ce blocage?
Pardon pour le spam, j'en profite juste pour tester les smilies en commentaire :D
RépondreSupprimer:-L
RépondreSupprimerc'est moi ou ça marche pas ? b-(
RépondreSupprimerAucune astuce ne fonctionne, sur ce site. C'est vraiment trop pourri!
RépondreSupprimer