samedi 14 juillet 2012

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/AVvXsEg8ufpXqby8q-BTiHPTiU5QiXc2qlKb5uahZphvo-0P52P3blcBUZ-9J0f2s6ZYSTm9rXbLmq920EyPxpKpGTNSJ1K71TDYeYsLj3JGEhCq5sw8q4GOyT17OKV1MoyUdJ3Twk_C-yIexYQ/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/AVvXsEjtKxLyJyiuDOL4DL86G1QvE6rq1x_Yw-36Z9He7QML7pzHNfWwNPVf3tKnaiOXEGY8BigCxWnTv_Pus7vy0W8bd5-o_jLnBbcFn4JJ8rQNlU2ZOlatciFbCRYadonRQmfUrsgEpKr9ciQ/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;
}