Créer un Blog avec Blogger

Comment afficher du code HTML dans un article de Blogger.


Le Problème
Comment intégrer du texte/code html dans vos articles  pour qu’il soit à la fois visible par les visiteurs et qu’ils puissent le copier et l’utiliser facilement.
                                               
Ex code :
<a href="http://blogavecblogger.blogspot.fr/">BlogavecBlogger</a>    

Après avoir publié le message le résultat suivant s'affiche:

BlogavecBlogger

En fait, le navigateur a interprété le code HTML comme une commande et l'a exécuté.

La solution

Pour écrire un code html afin qu' qu’il s’affiche tel quel, l'astuce est de remplacer le symbole < par &lt; et > par&gt;

Vous pouvez utiliser votre Bloc-notes Windows et utiliser  Ctrl + H  pour  remplacer automatiquement les deux symbole dans l’ensemble du code.

Autre solution : Avec le Site internet Postable il suffit de copier/coller le code HTML que vous voulez afficher et Postable va remplacer tout les symboles < et > automatiquement.

Le conseil
Encadrer votre code html afin qu'il soit plus visible.
Voir notre article dédié aux cadres :

Exemple : Pour faire ce type de cadre copier / coller ce code (en mode HTML)
<blockquote style="border: 1px solid rgb(241, 241, 241); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; font-family: verdana; font-size: 12px; line-height: 20px; margin: 10px; outline: 0px; padding: 10px; vertical-align: baseline;">
<span style="color: blue;">votre texte</span></blockquote>