Thursday, May 27, 2010

How To Add HTML & JAVA Scripts In Your Blog Posts


"How To Add A HTML & JAVA Script In Your Blog Post"

- This might have came in your mind if you are used to blogging.
Adding a Html or Java Script in my blog post was a dream for me untill I found a way to do this efficiently. Now with this post I am able to show the HTML and JAVA Scripts in my blog.
Here the way you can also try in your bloggers blog to show these scripts. Using this code you will be able to show the codes in a box. Follow the steps described below and rest you will be done:
1. Click The Blog Layout.
2. Select Edit HTML.(Save your Blog Template in your PC Hard Drive just as a precautionary measure to not loose this beautiful template you have selected.)
3. Check The Expand Widget Template.
4. Press CTRL+F keys on the keyword and type "]]>" in the search box appearing after holding those keys.
5. Paste the following CSS code -

pre
{
background:#efefef;
border:1px solid #A6B0BF;
font-size:120%;
line-height:100%;
overflow:auto;
padding:10px;
color:#000000 }
pre:hover {
border:1px solid #efefef;
}
code {
font-size:120%;
text-align:left;
margin:0;padding:0;
color: #000000;}
.clear { clear:both;
overflow:hidden;
}
The above code will display your HTML & Java Scripts in a display code inside your blog post. You can change the length ,width ,size and color of the box , back ground image etc. by editing the CSS code. 


No comments:

Post a Comment