Mar 7, 2012

How to Display Scripts and Codes in Blogger Posts





How to display the Scripts and Codes in blogger post To show codes in blogger post in special section.Suppose we want to show a simple code like bellow
but it is HTML Code so it will display like bellow

 

Related posts

To avoid this we show codes in special Section amd make it friendly to post
Just follow these steps
  1. Login to Blogger dashboard
  2. Go to Design Section
  3. Then select Edit HTML tab
  4. Find  ]]> tag
  5. Replace it with Bellow Code of section




   6. Now save your template.

While creating any Post, If you want to show the special Code in post that CSS code or JavaScript code, what ever may be , Go to Edit HTML tab in Post and create Div section and put your code in Div section like bellow and publish Your Post


Note:- Before Putting code, Make it Friendly to post Using these tools

1. HTML Entities Encoder / Decoder
2. Postable
3. Centricle Encode / Decode HTML Entities

a sample preview

.codeview {
margin : 15px 15px 15px 35px;
padding : 10px;
clear : both;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
line-height:1.6;
background: url('http://2.bp.blogspot.com/-_055Wk3fvn4/T1eqeyGx1_I/AAAAAAAAAnc/MImraJI9BiA/s1600/trick+Builder.png') no-repeat scroll bottom right #EFFBF5;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
line-height : 24px;
color : #333333;
margin : 0;
padding : 0;
}
]]>
Want any Help Ask me comments..





Kindly Bookmark this Post using your favorite Bookmarking service:
Technorati Digg This Stumble Stumble Facebook Twitter

3 comments:

Anonymous said...

Tnx ....

Anonymous said...

THANKS,Working ..

Anonymous said...

thanks fo supporting me..

Post a Comment

Blog Archive

 

Break Time

Protected By

Break Time

| Trick Builder (TB) © 2012. All Rights Reserved | Contact | About | Powered by My Blogger Blab (MBB) | Design by Midhun | Back To Top |