How To Insert HTML, CSS, Javascript Codes in Bloggers Posts

How To Insert HTML, CSS, JavaScripts Codes in Blogger Posts? This is one of a most common question which arrives in users minds. It has been a biggest headache for many Blogger (Blogspot) users. Still many Blogspot users are unable to discover why they cannot display HTML coding as plain text in there posts.






1. Go to Blogger >> Your Blog >> Template >> EDIT HTML >> Proceed
2. And now Search For ]]></b:skin> With (CTRL+F)
3. After you find ]]></b:skin> just above it paste the following coding

.post blockquote {
background: #C8EFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbRRmNsrwQZUI6DLRujQeKNiSme8v8jBBbTlxHjaIeCdt-jH7qhhcdwGTP0lPAo-K2nb5RDj_-IPoqEPD0Gi_y3Urb63ik-7I-dQATvCzztDhq5X69BbFVhyphenhyphendhQWNXqxhJg8ua_ghOhNk/s1600/1.png);
background-position:top left;
background-repeat:repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
border-top: 2px solid #DDD;
border-right: 5px solid #666;
border-left: 2px solid #DDD;
border-bottom: 5px solid #666;
font-size: 0.9em;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.blockquote {
font: 18px normal  sans-serif,Tahoma;
padding-top: 10px;
margin: 5px;
text-indent: 65px;
}
.blockquote div {
display: block;
padding-bottom:10px;
}
.blockquote p {
margin: 0;
padding-top:10px;
}

4. Now After pasting the above code save your template by pressing Save Template Button
5. Just paste the HTML, CSS or JavaScript coding in the Blogger Post editor
6. Select the HTML, CSS or JavaScript coding which you pasted previously.
7. Press the "QUOTE" button at "Blogger Post Editor Tool Bar".
8. Publish your Post

References:
http://www.mybloggerlab.com/2012/04/insert-html-css-javascript-codes-in.html