Sunday, August 28, 2011

How To Show HTML/CSS Codes In Blog Posts

Let Us Start The Topic:


  • First go to Blogger and then Sign-in

  • Go to your Dashboard--Layout(Design)--Edit Html





  • Now just copy the following code which is shown below and paste it before  ]]></b:skin>



--Note: Download your existing template Before you save changes in the template


.csscode {
margin : 15px 35px 15px 15px;

padding : 10px;

clear : both;

list-style-type : none;

background : #EEEEEE;;

border-top : 2px solid #AAAAAA;

border-right : 2px solid #AAAAAA;

border-bottom : 2px solid #AAAAAA;

border-left : 2px solid #AAAAAA;

}




For More Info you Can See How To Add The Code In The Below Image:




  • Now save you template to make the changes apply



From Now whenever you like to add a code in your post just add the code between

<div class=”csscode”> and </div> like these as Shown below:



<div>


HTML Code Here

</div>



That's it....!

Now you can show any of your code in a separate box easier to use

Please let us know if you any problem via comments




0 comments:

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Hostgator Discount Code