Saturday, July 10, 2010
11:51 PM | 
Posted by
Sunil Bhaskar |
Having trouble posting Css N Javascript codes in your post?Parsing the code everytime to post it into the Blogger post to get rid of Html errors?Look no further-Code View is here.You would have come across a very annoying feature in blogger,where you need to parse the code to post it inside a blogger post.Now you don't need to do that.All you gotta do is copy a few Css parameters & you are done.So lets get into the features:
1)Copy the following piece of code:
3)Now when you write a new blog ,all you have to do is add the following 2 lines:
1)Copy the following piece of code:
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
color : #33FF00;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIWYcD2nmV2SubX-qih70c-Lb7SioCJiOd69Dx2wra3GIyLMNIcvnUs5NmirJWgvQpHwSqXMZYr1jDPtIb6cb2Q6kmRd5pjXPLH-QdI_YNxl4CxbqACgxTmKILuq2gDYUt1cmYcFAitfM/s1600/main.jpg) repeat-y;
height:100%;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : “Courier New”, “MS Sans Serif”, sans-serif, serif;
font-weight : normal;
font-style:Italics;
margin : 0;
padding : 0;
}
2)Now go to your Design>>Edit Html>>Expand Widgets & search for ]]>.Paste the copied code just above it.margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
color : #33FF00;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIWYcD2nmV2SubX-qih70c-Lb7SioCJiOd69Dx2wra3GIyLMNIcvnUs5NmirJWgvQpHwSqXMZYr1jDPtIb6cb2Q6kmRd5pjXPLH-QdI_YNxl4CxbqACgxTmKILuq2gDYUt1cmYcFAitfM/s1600/main.jpg) repeat-y;
height:100%;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : “Courier New”, “MS Sans Serif”, sans-serif, serif;
font-weight : normal;
font-style:Italics;
margin : 0;
padding : 0;
}
3)Now when you write a new blog ,all you have to do is add the following 2 lines:
paste ur script here
The code will be displayed in stylish burnt page writing while really looks cool.You can preview it here.Now if you dont want any fancy burnt page background then you can remove the background url line highlighted in red & also you can change the font color by changing the color(which is also highlighted in rest in the text you copied).Replace them with your custom values.I guess i have given something valuable to you people.Feel free to comment if you want me to post more blogger goodies.Always glad to be of service.Remember Keep Blogging,else google will leave you behind.Njoy!!!!!!!!
Labels: