Wednesday, 5 February 2014

Filled Under:

how to display code in blogger posts

            
               Source Code Formatter for Blogger, Blogspot , Blog & Blogging is a one of the powerfull utility of javascript. JavaScript was developed by "Brendan Eich". javascript is a one of the dynamic computer programming language. and it is mostly used in web browsers.it is implementations allow client side scritps to interact with the user.
here you can easily display code in your blogger page or posts.just follow some step to display any languages code in your blog.

->  This source code formatter allow languages like Javascript, HTML, CSS, C#, PHP,           ASP.net, VB.net, Visual Basic, DOT.net, ASP and other languages.
->  This is a javascript application so don't publish your secrete source code here.


1.go to blogger.com
2.click on Template which are located at left side.
3.click on Edit HTML button.
4.Ctrl+f to find </head> and copy below text and paste this code before finish </head> tag
 
 <link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>   
  <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>   
  <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script>   
  <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'></script>   
  <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'></script>   
  <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'></script>   
  <script type='text/javascript'>  
  SyntaxHighlighter.config.bloggerMode = true;  
  SyntaxHighlighter.all();  
  </script>  
5.Ctrl+f to find <style> and copy below class and paste in the <style> tag.
 
 .codestyle  
  {  
   font-family:arial;  
   font-size:12px;  
   border:1px dashed #CCCCCC;  
   width:99%;  
   height:auto;  
   overflow:auto;  
   background:#f0f0f0;  
   background-image:URL(http://2.bp.blogspot.com/_z5ltvMQPaa8/SjJXr_U2YBI/AAAAAAAAAAM/46OqEP32CJ8/s320/codebg.gif);  
   padding:0px;  
   color:#000000;  
   text-align:left;  
   line-height:20px;  
  }  

6.and than click on save template button to save your changes.
7.now go to your post or page whare you want to display code in your blog post or page.
8.click on HTML button whose located below your post or page title textbox.
9.go to this link http://www.easyscript4u.com/demo/codeformatter/ and Paste your code in first box and
  than click Format Source Code button.than your formmeted source code will display in second box copy
  it. you can see your code look like third box.copy below code and paste your formatted code within the
 
 <pre class="codestyle">  
      <code style="color:#000000;word-wrap:normal;">   
        PASTE YOUR FORMMTED CODE HERE.   
      </code>  
  </pre>  

10. now you can see your code in your blog. See Below Example,

 <html xmlns="http://www.w3.org/1999/xhtml">  
 <head>  
 <title>Easyscript4u.blogspot.in</title>  
 </head>  
 <body>  
      Syntax Highlighter Demo for Blogger and web page By Bhavesh Bodar.   
 </body>  
 </html>  




98 comments:

  1. Replies
    1. if you want to any help than you can freely contact here !

      Delete
  2. Your post is very informative. thanks for sharing.
    hire website developer

    ReplyDelete
  3. This really nice and innovative post on php web development.

    Thanks

    rickybroad

    http://www.ssvtechnologies.in

    ReplyDelete
  4. Thank you so much for posting this important information. This is great. orange media web design services

    ReplyDelete
  5. Whats up! I just want to give an enormous thumbs up for the great information you have got right here on this post. I shall be coming back to your weblog for more soon.
    Hire Dedicated Resources

    ReplyDelete
  6. Get high quality E-Commerce, Web Design, SEO and Software solution services from Orange Media studio.

    ReplyDelete
  7. This is also a very good post which I really enjoyed reading.Thanks for sharing this information. web design orange media

    ReplyDelete
  8. Therefore, good quality of your web page design takes on any critical position in keeping your web profile as well as having your organization frontward on the web-designing planet regarding web.The new-found scopes for invention, creating to order as well as optimizing usability,

    ReplyDelete
  9. Thanks for sharing such unique information which are in actual fact as well as helpful for us.orange media

    ReplyDelete
  10. Primeau Productions is your current full-service movie production company, within institution with regard to more than 30 years. Primeau Productions owes the success directly towards the results It achieves to its clients. my spouse and i are generally an results-oriented company, As set up coming from MY PERSONAL wrote checklist involving long-term, repeat customers.video-production

    ReplyDelete
  11. Share or Sell your documents, designs, graphic, 3d models, artworks, photographs, etc., earn money, and get hired worldwide. Register via e-mail or your social media account here:http://www.ehuub.com/login/ by choosing category "GRAPHICS, DESIGN, AND MULTIMEDIA", thank you!

    ReplyDelete
  12. Hi at top of the page ther is an image of code with colors .how to show code like that in colors.

    ReplyDelete
  13. Hi,
    Get Excellent, High Quality and Affordable Website Designs from Orange Media Studio :- .Please Click orange media

    ReplyDelete
  14. Hi,
    Get Excellent, High Quality and Affordable Website Designs from Orange Media Studio :- orange media

    ReplyDelete
  15. Nowadays every people using blogger to promote their content and services by create the own blog.I hope these information should help to that kind of people.
    Web Design Company London | London Web Design Company

    ReplyDelete
  16. Nice tutorial, Can i put & share this tutorial on my Blog?

    This is my blog : klutux.blogspot.com

    Thks B4.

    ReplyDelete
  17. It was really a wonderful article and I was really impressed by reading this blog. We are giving all software Course Online Training. The HTML5 Training in Chennai is one of the reputed Training institute in Chennai. They give professional and real time training for all students.

    ReplyDelete
  18. Hi, Thanks for sharing this valuable blog.I was really impressed by reading this blog. I did HTML5 Training in Chennai at reputed HTML5 Training Institutes in Chennai. This is reslly useful for me to make a bright future in designing field.

    ReplyDelete
  19. Informative article on responsive website design!!! With the expansion of mobile phones, most of us access internet from our mobile and other portable gadgets. Having responsive website for your business will help you to target customers widely. web designing course | Web designing classes in Chennai | website design in Chennai

    ReplyDelete
  20. SEO Training in Chennai

    Thanks for sharing this information. SEO is one of the digital marketing techniques which is used to increase website traffic and organic search results. If anyone wants to get SEO Course in Chennai visit FITA Academy located at Chennai. Rated as No.1 SEO Training institute in Chennai.

    SEO Training in Chennai | SEO Training Institute in Chennai

    ReplyDelete
  21. I learn a worthful information by this training.This makes very helpful for future reference.All the doubts are very clearly explained in this article.Thank you very much.
    VMWare Training in chennai | VMWare Training chennai | VMWare course in chennai

    ReplyDelete
  22. Really Nice Information,Thank You Very Much For Sharing.
    Web Development Company

    ReplyDelete
  23. I am following your blog from the beginning, it was so distinct & I had a chance to collect conglomeration of information that helps me a lot to improvise myself.

    ReplyDelete
  24. Its nice post and l like the information about the code format and i will use this in my blog of Free Web Tutorials And Technology News.

    ReplyDelete
  25. Your blog is really awesome. Thank you for your sharing this informative blog. Recently I did HTML5 Courses in Chennai at FITA academy, Its really useful for me. Suppose if anyone interested to learn real time PHP Training in Chennai reach FITA.

    ReplyDelete
  26. I have read your blog, it was good to read & I am getting some useful info's through your blog keep sharing... DOT NET Training in Chennai

    ReplyDelete
  27. The future of software testing is on positive note. It offers huge career prospects for talented professionals to be skilled software testers. Best software testing training institute in Chennai | Software training | Software testing training institute Chennai

    ReplyDelete
  28. Pretty article! I found some useful information in your blog, it was awesome to read, thanks for sharing this great content to my vision, keep sharing.
    ccna training center in Chennai | ccna training in Chennai

    ReplyDelete
  29. Thanks for sharing informative article on mobile testing. It helped me to understand the future of mobile application development and need of mobile application testing training. Think of joining mobile application testing training in Chennai from reputed IT placement or training academy.

    ReplyDelete
  30. Thank A lot

    http://noteforprogramming.blogspot.com/

    ReplyDelete
  31. Tested on my blog...works perfectly. Thanks by TechAlte

    ReplyDelete
  32. This post is really nice and informative. The explanation given is really comprehensive and informative.Web Design Bangalore | Web Designing Company Bangalore

    ReplyDelete
  33. Thank you so much for the informative post. I used it as a reference to train my students.
    HTML5 Training in Chennai | HTML5 Training in Chennai

    ReplyDelete
  34. Oracle DBA Training in Chennai
    Thanks for sharing this informative blog. I did Oracle DBA Certification in Greens Technology at Adyar. This is really useful for me to make a bright career..

    ReplyDelete
  35. Whatever we gathered information from the blogs, we should implement that in practically then only we can understand that exact thing clearly, but it’s no need to do it, because you have explained the concepts very well. It was crystal clear, keep sharing..
    Websphere Training in Chennai

    ReplyDelete
  36. Data warehousing Training in Chennai
    I am reading your post from the beginning, it was so interesting to read & I feel thanks to you for posting such a good blog, keep updates regularly..

    ReplyDelete
  37. Selenium Training in Chennai
    Wonderful blog.. Thanks for sharing informative blog.. its very useful to me..

    ReplyDelete
  38. Oracle Training in chennai
    Thanks for sharing such a great information..Its really nice and informative..

    ReplyDelete
  39. SAP Training in Chennai
    This post is really nice and informative. The explanation given is really comprehensive and informative..

    ReplyDelete
  40. This information is impressive..I am inspired with your post writing style & how continuously you describe this topic. After reading your post,thanks for taking the time to discuss this, I feel happy about it and I love learning more about this topic
    Android Training In Chennai In Chennai

    ReplyDelete
  41. Pretty article! I found some useful information in your blog, it was awesome to read,thanks for sharing this great content to my vision, keep sharing..
    Unix Training In Chennai

    ReplyDelete
  42. I found some useful information in your blog, it was awesome to read, thanks for sharing this great content to my vision, keep sharing..
    SalesForce Training in Chennai

    ReplyDelete
  43. There are lots of information about latest technology and how to get trained in them, like Best Hadoop Training In Chennai in Chennai have spread around the web, but this is a unique one according to me. The strategy you have updated here will make me to get trained in future technologies Hadoop Training in Chennai By the way you are running a great blog. Thanks for sharing this blogs..

    ReplyDelete
  44. This is really an awesome article. Thank you for sharing this.It is worth reading for everyone. Visit us:
    Oracle Training in Chennai

    ReplyDelete
  45. very nice blogs!!! i have to learning for lot of information for this sites...Sharing for wonderful information.Thanks for sharing this valuable information to our vision. You have posted a trust worthy blog keep sharing.Oracle DBA Training in Chennai

    ReplyDelete
  46. great article!!!!!This is very importent information for us.I like all content and information.I have read it.You know more about this please visit again.
    Oracle RAC Training in Chennai

    ReplyDelete
  47. Wonderful tips, very helpful well explained. Your post is definitely incredible. I will refer this to my friend.SalesForce Training in Chennai

    ReplyDelete
  48. I am reading your post from the beginning, it was so interesting to read & I feel thanks to you for posting such a good blog, keep updates regularly.
    Java Training in Chennai

    ReplyDelete
  49. Really awesome blog. Your blog is really useful for me. Thanks for sharing this informative blog. Keep update your blog.
    PHP Training in Chennai

    ReplyDelete
  50. Thanks for sharing this valuable information to our vision. You have posted a trust worthy blog keep sharing.Nice article i was really impressed by seeing this article, it was very interesting and it is very useful for me..
    Android Training in Chennai

    ReplyDelete
  51. Really awesome blog. Your blog is really useful for me. Thanks for sharing this informative blog. Keep update your blog.
    SAP Training in Chennai

    ReplyDelete
  52. Excellent information with unique content and it is very useful to know about the information based on blogs. Hadoop Training in Chennai

    ReplyDelete
  53. Great Post.
    It really helped me a lo for a Learning Programming Language Naim C Program

    ReplyDelete
  54. Thanks for sharing these niche piece of coding to our knowledge. Here, I had a solution for my inconclusive problems & it’s really helps me a lot keep updates…
    Regards,
    ccna course in Chennai|ccna training in Chennai|ccna training institute in Chennai

    ReplyDelete
  55. Its really very beautiful information..Its working fine..AM got the new information about blogger thank you for sharing the useful information...Website Designing Services Bangalore | Website Development Services in Bangalore

    Nexevo technologies Blog: Website Design Company in Bangalore | Website Development Company in Bangalore

    ReplyDelete
  56. I have finally found a Worth able content to read. The way you have presented information here is quite impressive. I have bookmarked this page for future use. Thanks for sharing content like this once again. Keep sharing content like this.

    Software testing training in chennai | Software testing training institutes in chennai | Software testing training

    ReplyDelete
  57. Quite Interesting post!!! Thanks for posting such a useful post. I wish to read your upcoming post to enhance my skill set, keep blogging.
    Regards,

    Python Training in Chennai|Python Training Institutes in Chennai

    ReplyDelete
  58. Really awesome blog. Your blog is really useful for me.
    Thanks for sharing this informative blog. Keep update your blog.
    Oracle Training In Chennai

    ReplyDelete
  59. Best SAS Training Institute In Chennai It’s too informative blog and I am getting conglomerations of info’s about Oracle interview questions and answer .Thanks for sharing, I would like to see your updates regularly so keep blogging.

    ReplyDelete
  60. Superb explanation & it's too clear to understand the concept as well, keep sharing admin with some updated information with right examples.
    Regards,
    Angularjs training in chennai|Angularjs training chennai|Angularjs course in chennai

    ReplyDelete
  61. Paris airport transfer - Parisairportransfer is very common in Paris that provides facilities to both the businessmen and the tourists. We provide airport transfers from London to any airport in London and also cruise transfer services at very affordable price to our valuable clients.

    Paris taxi
    Paris airport shuttle
    paris hotel transfer
    paris airport transfer
    paris shuttle
    paris car service
    paris airport service
    disneyland paris transfer
    paris airport transportation
    beauvais airport transfer
    taxi beauvais airport
    taxi cdg airport
    taxi orly airport

    ReplyDelete
  62. The strategy you have posted on this technology helped me to get into the next level and had lot of information in it. The angular js programming language is very popular which are most widely used.
    AngularJS Training in Chennai | Angularjs training Chennai

    ReplyDelete
  63. Programming is combination of intelligent and creative work. Programmers can do anything with code. The entire Programming tutorials that you mention here on this blog are awesome. Beginners Heap also provides latest tutorials of Programming from beginning to advance level.
    Be with us to learn programming in new and creative way.

    ReplyDelete
  64. It’s very excellent information about javascript. Really thankful to your good coding, keep updating...
    Website Development Services in Bangalore | Website Development Services in Bangalore

    ReplyDelete
  65. I have read this blog from beginning which helped me to get update and improve my technical skills.
    Ethical hacking Course in Chennai | Ethical hacking Training in Chennai

    ReplyDelete
  66. Excellent post!!!. The strategy you have posted on this technology helped me to get into the next level and had lot of information in it.
    salesforce training in chennai | salesforce training institute in chennai

    ReplyDelete
  67. Excellent post!!!. The strategy you have posted on this technology helped me to get into the next level and had lot of information in it.
    hadoop training in chennai

    ReplyDelete
  68. I have read this blog from beginning which helped me to get update and improve my technical skills.
    websphere training in chennai

    ReplyDelete
  69. Excellent post!!!. The strategy you have posted on this technology helped me to get into the next level and had lot of information in it.
    qtp training in chennai

    ReplyDelete
  70. This is an informational post share by you. Thanks for sharing it with us.

    Linux Device Drivers Course

    ReplyDelete
  71. It's really an awesome blog. Thanks for sharing such a great informative blog.
    http://www.argalon.net

    ReplyDelete
  72. thanks for your this post seo http://wassikhan.blogspot.com/2016/12/how-to-improve-blogger-page-rank.html to improve page rank

    ReplyDelete

  73. Thank you for sharing such a informative information with us. Keep on sharing the blog like this.
    PhD Thesis Writing, Dissertation Writing & Research Paper Writing Services

    ReplyDelete
  74. Ultimate post and very informative, you have explained well with detailed explanation. You can also share these type of content on sites like Johny Adams

    ReplyDelete

  75. This is excellent information. It is amazing and wonderful to visit your site.Thanks for sharing this information,this is useful to me...
    Android Training in Chennai
    Ios Training in Chennai

    ReplyDelete
  76. The post is very informative. It is a pleasure reading it. I have also bookmarked you for checking out new posts. You can also share this valuable content on other platforms such as Blogspot, the famous Wordpress site, the innovative Tumblr site and also the sites like Medium and the famous Live Journal site.

    ReplyDelete
  77. Thank you for sharing this information. Come back again for more interesting stuff like this post. You can share this informative post in Social Media sites like the worldwide famous Facebook, the all-time favorite Twitter and the most interesting Google Plus site, business site LinkedIn and also to the Infographic site Pinterest to generate more traffic to your blog post.

    ReplyDelete
  78. I have analyzed your post. Excellent details you did here. I enjoyed reading your blog, and it is both instructional and enjoyable. Share this most interesting post in other sites like Free Samples 411, the innovative Asaim Japan site and also to the Jfissures site followed by Automation Associaltes LLC and lastly to the sites like OS Business Opportunities sites.

    ReplyDelete
  79. It is amazing and wonderful to visit your site.Thanks for sharing this information,this is useful to me...
    Android Training in Chennai
    Ios Training in Chennai

    ReplyDelete