If you are using blogger platform, and want to insert HTML, JavaScript and CSS source codes in your posts then I am sure you are facing many problems. If you try to insert Html code or JavaScript in Blogger posts you will either get an error message or by chance if your post is published
then it will not give the desirable result's which was expected .You can use
HTML Encoders but they will never give an attractive look to your codes.
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.
So today I will show you how you can easily insert any HTML
coding in you Blogger Posts. We will insert all of our HTML codes in a Stylish
Box which will make our coding look different from the all other text present
in our post.
I know, you would love to preview how your coding would look a like after applying this tutorial.
.post blockquote {
background: #C8EFFF url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFc-t6xRkxFttU9AupKXHqMxNVlUTlaWj8AZHtCIrflKAXkWtDFfc6_OaVJvO_FuNX9JlnLDliW6JFtVYdeE52QxI1tTKijgX5EB7y81coVOS4hAcf9UtSpglVLP1VMGi350ydOu_vrrI/s1600/manybloggertricks.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;
}
