Add HTML, CSS , JAVASCRIPT or other codes to your blogger post

1- Login to blogger , Go to Presentation >> Edit HTML and check Develop widget templates
 

2. Locate the following code:


]] > </ b: skin >





 
3- And just before the code above paste the following code:

{ .rtcv
margin: 15px 35px 15px 15px ;
padding: 20px 10px 10px 35px ;
background: #EEEEEE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH02Lws_aKg8MjbcSjzm5I90AznwVVfg3Gch2Sxaj0TyTulHZvDas80OnvGAepi-yfnCz7ctZi2KUJL9UQhyphenhyphenS7aCe2unDdWw3ezxYMztrcuIYTrJQzTar5cqsVqx7L-qHuMrsHIN7v6PQ/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. Save your template
5- now and any time you want to add the html , css, js or any other code , consider adding this code to your message
<div class = " rtcv ">
Your HTML here
</ div>


 That is all and thank you for following this tutorial.
 
Example

{ .rtcv
margin: 15px 35px 15px 15px ;
padding: 20px 10px 10px 35px ;
background: url #EEEEEE ( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioS99OXrlPwm9US8osHges9uddjb444xBAmoC1CdRCj94ue31bjn-2X9QLSd8J-wEN8oggTsiJrVXJkzWK7TtA_b_tIOIErfyDwlEk0c1KlCHleXUeCs4DtKLkl_AaTzOrSr_WjDLOXuo/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 ;
}

Is it going Boutique Du Net?