How to add HTML, JavaScript, CSS or code of any programming language blog posts?

This is one of the most common question that comes in the minds of users. It has been the biggest headache for many of Blogger (Blogspot) users. Still, many Blogspot users can not figure out why they can not display the HTML coding of the text in the form of posts there.

If you want to put the HTML, JavaScript, CSS or code in any programming language for your blog posts? So today I'm going to show you how you can easily add any HTML coding you to Blogger Posts. We add all of our HTML codes Elegant Box, which makes our coding looks different from any other text in the presence of our post.

Screenshot

First need to add a css file to stylize our quote box.

*Go to Blogger >> Your Blog >> Template >> EDIT HTML >> PROCEED

*And now, look for]]> </ b: skin> With (CTRL + F)

*When you find ]]> </ b: skin> just above it paste the following coding

. Post blockquote {

background: # C8EFFF url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDObONZb7pV4e0NbOnfx139i9tKzsTDgy-0T03ZalKTPqSHkHq1K5A8k7BlZaWclZZD33MdrrTRZ37nJ8qCGYB5mNFrTdQq59Yh_SkQYZtL8V5_GsY-Eh8qjojDdRzfI5RMokDevP9Ras/s400/QUOTE1.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: normal 18px 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;

}

* Now, when you have connected the above code will save the template by pressing the Save Design Button

The addition of HTML, JavaScript, CSS or Code of any programming language Blogger Post Plain Text:

Now, in order to display HTML, JavaScript, CSS or code of any programming language coding we use the Blogger post blogger tool called "Quote". This tool is available in the Blogger post editor that will make HTML Coding appear in plain text,

*First, go to your Blogger blog >> >> Create a new topic >>

*Now just paste the HTML, JavaScript, CSS or Code of any programming language encoding Blogger post editor

*Now select HTML, JavaScript, CSS or Code of any programming language coding you connected to in the past.

Now that you have selected the HTML, JavaScript, CSS or Code of programming

Language encoding just press the "Reply" button, which is the "Top Right" you

"Blogger Post Editor Tool Bar" Remember: Press the button only once.

Publish post

Tip: If you want to borrow any text You can also select text by adding a quote

"<blockquote>" Tag around the text. Hi, I'm an example <blockquote> On

Banglanet <blockquote>. But remember, this only works if you are working

HTML TAB Blogger post editor

And now go to the blog, and it gives a picture perfect finish. So that's how you can display HTML, JavaScript, CSS or code of any programming language encoding Blogger Posts. You can also use this as a "loan" Tools to highlight important quotations.

Enjoy!

By Unknown