Awesome Designs Collection for Displaying HTML,CSS and other code to blogger post

 


Add  awesome designs, background and CSS3 effects  for displaying HTML,CSS and other code to blog post using CSS and CSS3.

You may have noticed  in other site or blog post but if you don't know, how to create this design, using css , and you want to add to your blog so.. don't worry i have created some designs for that , and hope you like it , just follow the below steps ...

Let's Know How To Do It,

• First go to Blogger>>Design>>Edit HTML
• Search for the tag </head>
• copy n paste below code just above/before </head> tag.

<link rel="stylesheet" href="https://wwwb04-teamnet.googlecode.com/svn/cssstyles.css" type="text/css" />

• Now Save Your Template.

Actually i made it easy, because you can easy to install in blogger 
add only one css file to your blogger template, and just change the number in HTML code 
like:-md1,md2,md3
and you can  use my all designs in your blog post,
see the below more example and demos .. 

•  From now onwards whenever you want to insert some codes in your posts always put it between<div class=”md1”> and </div> like these as Shown below:

Md1

<div class='md1'>
HTML Code Here
</div>

The result will look like this:

HTML Code Here
Everything about Computer and Internet (Tutorials, Tips & Tricks, Softwares, Ebooks) All In One Place

Md2

<div class='md2'>
HTML Code Here
</div>

The result will look like this:

HTML Code Here
Everything about Computer and Internet (Tutorials, Tips & Tricks, Softwares, Ebooks) All In One Place

Md3

<div class='md3'>
HTML Code Here
</div>

The result will look like this:

HTML Code Here
Everything about Computer and Internet 

Md4

<div class='md4'>
HTML Code Here
</div>

The result will look like this:

HTML Code Here
Everything about Computer and Internet (Tutorials, Tips & Tricks, Softwares, Ebooks) All In One Place

Md5

<div class='md5'>
HTML Code Here
</div>

The result will look like this:

HTML Code Here
Everything About Computer And Internet (Tutorials, Tips & Tricks, Softwares, Ebooks) All In One Place

Md6

<div class='md6'>HTML Code Here</div>

The result will look like this:

HTML Code Here
Everything About Computer And Internet (Tutorials, Tips & Tricks, Softwares, Ebooks) All In One Place

Md7

<div class='md7'>
HTML Code Here
</div>

The result will look like this:

HTML Code Here
Everything About Computer And Internet (Tutorials, Tips & Tricks, Softwares, Ebooks) All In One Place

Md8

<div class='md8'>
HTML Code Here
</div>

The result will look like this:

HTML Code Here
Everything About Computer And Internet (Tutorials, Tips & Tricks, Softwares, Ebooks) All In One Place

Md9 With Md-9

Make Sure You Copied Class=md9 & md-9 

<div class='md9'><div class='md-9'>HTML Code Here</div></div> 

The result will look like this:

HTML Code Here
Everything About Computer And Internet (Tutorials, Tips & Tricks, Softwares, Ebooks) All In One Place

Get Free Updates: *Please click on the confirmation link sent in your Spam folder of Email*