Ajouter code HTML, CSS, JAVASCRIPT ou autre codes à vos message blogger

1- Connectez vous à blogger, Allez à Présentation>>Modifier le code HTML et cochez la case Développer des modèles de gadgets

2- Recherchez le code suivant :

]]></b:skin>

3- Et juste avant le code ci-dessus coller le code suivant :

.rtcv {
margin : 15px 35px 15px 15px;
padding : 20px 10px 10px 35px;
background : #EEEEEE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXJiFQeAFuUUfcWLKWciuW0TZh5dF_Jqge0Zy9HRy5NMxeIw-HxzLDwtVsYDZmJDpaQeatgOrz-ruIHtYNYyRYV13aqeDROmAqyioewScXY0GVhBgfNnoLcFu-sSIXf6SnYkP21bUlq3w/s1600/royal+tutor+code.gif) repeat-y top left;
border-top : 1px solid #AAAAAA;
border-right : 1px solid #AAAAAA;
border-bottom : 1px solid #AAAAAA;
border-left : 1px solid #AAAAAA;
}

4- Enregistrez votre modèle

5- dès maintenant et toute fois vous voulez ajouter du code html, css, js ou tout autre code, pensez à ajouter ce code à votre message

<div class="rtcv">
Votre code HTML ici
</div>

Voila c'est tout et merci d'avoir suivi ce tuto.

Exemple

.rtcv {
margin : 15px 35px 15px 15px;
padding : 20px 10px 10px 35px;
background : #EEEEEE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFdhYHgyXWlIUGoe3LYTNOhmfPYo9Vr2I0jm_BIvYpMol_JWjNruCgvtwPQmCV2UnWUPEIA0Zs4BxGB1EdyedDvXS5v6cDjXFLEyr6ezKPOlVx818ynDdI9kUOj18uyuipclF6cL7yzrg/s1600/arr.jpg) repeat-y top left 900px;
border-top : 1px solid #AAAAAA;
border-right : 1px solid #AAAAAA;
border-bottom : 1px solid #AAAAAA;
border-left : 1px solid #AAAAAA;
}