Monday, June 18, 2012

How To Show HTML,Css,Java Script And Other Code in Blogger Post

This is useful for bloggers who posting about codes.
When we posting code, that mean we are providing
codes for users.So, if we can put our codes in specific
place like text box. it will easy to grab the code.
This tutorial will helps to make some attractive to your
code ares background.

1. Log in to blogger account and Go to Design >> Edit HTML

2. Find this tag by using Ctrl+F    ]]></b:skin>

3. Paste below code Before ]]></b:skin> tag

/*--Code View*/
.post blockquote {
background: #C8EFFF url();
background-position:top left;
margin: 0 0px;
padding: 10px 20px 10px 5px;
border-top: 2px solid #666;
border-right: 2px solid #666;
border-left: 2px solid #666;
border-bottom: 5px solid #666;
font-size: 1em;
.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;
.blockquote p {
margin: 0;

Now when you make new post you can add like below in Edit HTML

* You have start with <blockquote> here your code </blockquote> end.

<blockquote> This is my code </blockquote>

Done, Cheers.


Post a Comment