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





sajib shahik | 12:00 AM | 0 Comments





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 (http://1.bp.blogspot.com/_7wsQzULWIwo/SmjWwCMCI7I/AAAAAAAABho/2yj4qMkeLH8/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 sajib shahik
I am a professional Graphic designer and web site designer.I always try to make my byers Happy with my work and my activities. See My portfolio.....







Stay Connected With Us
Feed Icon Twitter Icon Facebook Icon Google+ Icon Youtube Icon


Share and Spread Share On Facebook +1 This Post Digg This Post Stumble This Post Tweet This Post Tweet This Post Tweet This Post Save Tis Post To Delicious Share On Reddit Bookmark On Technorati


Related Articles

JOIN THE DISCUSSION

Any feedback, questions or ideas are always welcome. In case you are posting Code ,then first escape it using Postify and then paste it in the comments

0 comments: