mercredi 1 avril 2009

Afficher du code dans Blogger

Voici une classe CSS permettant d'ajouter assez aisément du code-source dans un article blogger.
Pour cela, il suffit de modifier votre modèle Blogger pour ajouter le style suivant.

pre.escaped {
background-color: #fff5bf; 
display: block;
font-family: Courier New, monospace;
font-size: 100%;
hasLayout: -1;
overflow: auto;
overflow-x: auto;
overflow-y: auto;
padding: 0px 0px 1.33em;
padding-bottom: 1.33em;
white-space: pre;
}

Pour utiliser ce modèle, il suffit de passer en "modifier code Html" et d'insérer le dit code dans un tag "pre" utilisant la classe "escaped".
N'oubliez pas de modifier tous les > et < par &gt; et &lt;.
<pre class="escaped"> ... un peu de code ... </pre>

Aucun commentaire: