Insert HTML Javascript-CSS Codes As Plain Text In Blogger Posts

There are a lot of bloggers in this blogosphere. Every Blogger with his/her own style of blogging. But here we will talk about Tech Bloggers. Technology blogging itself is very vast. Many Tech Bloggers write about how to use or insert Html javascript and css codes. But if you add html javascript or any CSS code in Body of the post it will disappear.

Do you want to insert HTML Javascript or CSS in your blogger Posts?

Though there are many free html editor software available but, sometimes things are done differently

 Many of you must be facing problem in getting the actual result you are looking for

This is how it must look like

Add or Insert Html javascript or css as plain text

How to add / Insert HTML Javascript or CSS as plain text in blogger?

here’s the solution

Step 1 - Go to Blogger >> Your Blog >> Template >> EDIT HTML

Step2 – Find ]]></b:skin> in your HTML Body

Step 3 – After you find the above code , copy and paste this code just above

             ]]></b:skin>

Code
 .post blockquote {
background: #C8EFFF url(http://technoratan.in/wp-content/uploads/2013/08/Technoratan-India.gif);
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;
} 
SAVE and EXIT

Create New Post Now

insert html javascript

Make Sure You Click The Quote Button ONLY ONCE

Step 4 – Publish your Post now, And now enjoy with the Result

Comments

Trackbacks

Share your Experience