How To Show HTML/CSS Codes In Blog Posts
Today i am going to teach you how to add Html codes in blog posts.By default web browsers read the code as a program rather than showing the code which you like to show up to your visitors or any other.So,its makes much difficult to make that way of showing the Html/Css Code and it is the most common problem for Blogger beginner's and Intermediate users.So,Now when we come back to the topic.I am going to teach you how to show up the Html/Css Code in a Box with good looking background.
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
From Now whenever you like to add a code in your post just add the code between
.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 class="csscode">
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
Have A Nice Day...!
16 comments:
I think this is a great post. One thing that I find the most helpful is number five. Sometimes when I write, I just let the flow of the words and information come out so much that I loose the purpose. It’s only after editing when I realize what I’ve done. There’s defiantly a lot of great tips here I’m going to try to be more aware of.
Well i am interested with any of the HTML and CSS coding and its working and you have shared here such a great thing as per my choice.Thank you for sharing.
It's Really good post.i get such a nice post..i also implement in my blog.
it's working and very helpful.
thank you so much.@
Impressive tips you have mentioned over here it's quite looks impressive and good one.Can't wait to try out!
I like your sharing and tips they are very beneficial for the blog posts and its all working with the HTML and CSS codes.Thank you for sharing.
The information about the HTML and the CSS code is too informative and i can get so many new things from your shared content.Its very helpful for me.
Its very nice note from that i can get so many informations and ideas which is very useful for me all the persons who are related with the the Blogs.Good job it is.
This is tool of the Browser compatibility is very helpful and informative and i like you contents which gives the idea about how your blog looks with the different browsers.
This is very good information about HTML blog posts. Browser compatibility is very useful for us.
Such a very great tool of the browser which is read all the code as a program with adding HTML code.
Very Knowledgeable information it is.Its all about the how to show the HTML and CSS codes.Its very interesting note i can say that.
Thank you for being patience to teach us about the html code on the blog post. It is very nice of you. Support on you !
This article is really useful to me,I like it very much! Thanks for sharing!
I can see that you are putting a lot of time and effort into your blog and detailed articles! I am deeply in love with every single piece of information you.
He believes that if the budget quiet physical casting companies active in this angishore advantage in their adeptness appulse an important factor. AIR MAX 90 apprentices business resource companies, is sufficient, to be abandoned in this encounter.
Wow really a nice website and nice collection will definitely try it.
http://www.csscow.com
Post a Comment