Tuesday, April 17, 2012

How To Display Scripts And Codes On Blogger Posts

We sometimes need to display scripts or HTML, javascript codes while writing tutorial of HTML, CSS ,Javascript, Blogger, Wordpress and what not. We usually use Textarea HTMl code to display them on Blogger posts, It takes time to put Textarea HTMl tag on each post. But with a CSS codes you can easily display HTML,Javascript and Scripts on blogger posts.In the past i had another post on adding HTML and javascript codes to blogger. You can have a look of it.

Find the following code using F3


Paste the following CSS code above the code mentioned above

.codeview li{color:#333;font-size:13px;line-height:24px;font-weight:normal;margin:0;padding:0}
.codeview{margin:15px 15px 15px 35px;padding:10px;clear:both;list-style-type:none;font:normal "Courier New","MS Sans Serif",sans-serif,serif;background:url('http://3.bp.blogspot.com/_nDNgmK8FIyI/TEKte0tjVOI/AAAAAAAAAN4/UekZZxFJvlk/w2b_codeicon.gif') no-repeat scroll bottom right #EFFBF5;border-top:1px solid #eee;border-right:2px solid #ccc;border-bottom:2px solid #ccc;border-left:1px solid #eee}

Now when writing code just follow the following steps

<div class="Your HTML Code Or any Scripts"></div>  

I hope you already got understood how to do things

Having problem ? Please comment here..

Enjoyed the article ? Please spend 10 seconds to share the article with your friends


Click Here To add Comment