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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggld3aVV9BD8xQZw2TvOTYYLGN10TmkVFNfjk4Tup8f5QLBO9E0Vrd1PgfNVn7gAQFrIMsx9j5oLpCC6l0Jrn2jXwIP2hY6tfAygVL9eMOanQX6zvb_QiOmDkmRBG-MzusvlKXFL_ofClT/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. How To Display Code In Blogger Posts ~ Website Development >>>>> Download Now

      >>>>> Download Full

      How To Display Code In Blogger Posts ~ Website Development >>>>> Download LINK

      >>>>> Download Now

      How To Display Code In Blogger Posts ~ Website Development >>>>> Download Full

      >>>>> Download LINK de

      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. Hi at top of the page ther is an image of code with colors .how to show code like that in colors.

    ReplyDelete
  12. 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
  13. Nice tutorial, Can i put & share this tutorial on my Blog?

    This is my blog : klutux.blogspot.com

    Thks B4.

    ReplyDelete
  14. 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
  15. 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
  16. Really Nice Information,Thank You Very Much For Sharing.
    Web Development Company

    ReplyDelete
  17. 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
  18. 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
  19. 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
  20. 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
  21. 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
  22. Thank A lot

    http://noteforprogramming.blogspot.com/

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

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

    ReplyDelete
  25. 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
  26. 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
  27. 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
  28. 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
  29. 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
  30. 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
  31. http://www.techcoreph.us/

    ReplyDelete
  32. 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
  33. 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
  34. 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
  35. I have read this blog from beginning which helped me to get update and improve my technical skills.
    websphere training in chennai

    ReplyDelete
  36. 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
  37. Thanks for sharing this valuable information.
    was training in chennai

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

    Linux Device Drivers Course

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

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

    ReplyDelete

  41. 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
  42. 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
  43. This 'Edit HTML' features allows web developers and SEOs to make changes in design and the content of the web page. For the search engine optimization, everyone can put additional elements which enhance SEO of the page. Tricks and tactics used by SEO Companies can be also used by individuals.

    ReplyDelete
  44. I found a lot of interesting information here. Really good post
    office 2010 professional download

    ReplyDelete
  45. By hiring a company that has good years of experience, you can make your business become famous in a less amount of time.
    Website Designing Agency in Bangalore |Website Development Agency in Bangalore

    ReplyDelete
  46. Hi,

    Thanks for sharing a very interesting article about how to display code in blogger posts. This is very useful information for online blog review readers. Keep it up such a nice posting like this.

    From,
    Maestro Infotech,
    Web Design Company Bangalore

    ReplyDelete
  47. Hi! Thank you for the share this information. This is very useful information for online blog review readers. Keep it up such a nice posting like this. We are most leading IT & Software company in India

    ReplyDelete
  48. This comment has been removed by the author.

    ReplyDelete
  49. Excellent blog, I wish to share your post with my folks circle. It’s really helped me a lot, so keep sharing post like this

    angularjs Training in chennai
    angularjs Training in chennai

    angularjs-Training in tambaram

    angularjs-Training in sholinganallur

    ReplyDelete
  50. From your discussion I have understood that which will be better for me and which is easy to use. Really, I have liked your brilliant discussion. I will comThis is great helping material for every one visitor. You have done a great responsible person. i want to say thanks owner of this blog.
    python online training
    python training course in chennai
    python training in jayanagar

    ReplyDelete
  51. Wow it is really wonderful and awesome thus it is very much useful for me to understand many concepts and helped me a lot. It is really explainable very well and i got more information from your blog.


    selenium training in electronic city | selenium training in electronic city | Selenium Training in Chennai

    ReplyDelete
  52. Awwsome informative blog ,Very good information thanks for sharing such wonderful blog with us ,after long time came across such knowlegeble blog. keep sharing such informative blog with us.
    Airport Management Courses in Chennai | Airport Management Training in Chennai | Airline Courses in Chennai | Airport Courses in Chennai | Airline and Airport Management Courses in Chennai

    ReplyDelete
  53. Great Article… I love to read your articles because your writing style is too good, its is very very helpful for all of us. Do check | Get trained by an expert who will enrich you with the latest updates.
    Hadoop Training in Chennai
    Cloud computing Training
    Cloud computing courses in Chennai
    Cloud Training in Chennai
    hadoop big data training in chennai
    big data training institute in chennai

    ReplyDelete
  54. Thanks For Your valuable posting, it was very informative

    Guest posting sites
    Education

    ReplyDelete
  55. It's interesting that many of the bloggers to helped clarify a few things for me as well as giving.Most of ideas can be nice content.The people to give them a good shake to get your point and across the command
    angularjs online Training

    angularjs Training in marathahalli

    angularjs interview questions and answers

    angularjs Training in bangalore

    angularjs Training in bangalore

    angularjs Training in chennai

    ReplyDelete
  56. I am a regular reader of your blog and being students it is great to read that your responsibilities have not prevented you from continuing your study and other activities. Love
    Java training in Chennai | Java training in Bangalore

    Java interview questions and answers | Core Java interview questions and answers

    ReplyDelete
  57. Thank you for benefiting from time to focus on this kind of, I feel firmly about it and also really like comprehending far more with this particular subject matter. In case doable, when you get know-how, is it possible to thoughts modernizing your site together with far more details? It’s extremely useful to me.
    python training in chennai
    python training in chennai
    python training in bangalore

    ReplyDelete
  58. Your very own commitment to getting the message throughout came to be rather powerful and have consistently enabled employees just like me to arrive at their desired goals.
    angularjs Training in marathahalli

    angularjs interview questions and answers

    angularjs Training in bangalore

    angularjs Training in bangalore

    angularjs Training in chennai

    automation anywhere online Training

    ReplyDelete
  59. The knowledge of technology you have been sharing thorough this post is very much helpful to develop new idea. here by i also want to share this.

    Microstrategy Training in Chennai
    Microstrategy Training

    ReplyDelete
  60. The given information was excellent and useful. This is one of the excellent blog, I have come across. Do share more.
    Data Analytics Courses in Chennai
    Data Science course in Chennai

    ReplyDelete
  61. This comment has been removed by the author.

    ReplyDelete
  62. This comment has been removed by the author.

    ReplyDelete
  63. These provided information was really so nice,thanks for giving that post and the more skills to develop after refer that post.google cloud platform training in bangalore

    ReplyDelete
  64. Really very happy to say, your post is very interesting to read. I never stop myself to say something about it. You’re doing a great job. Keep it up…

    Become an Expert In SAP BASIS Training! The most trusted and trending Programming Language. Learn from experienced Trainers and get the knowledge to crack a coding interview, @Softgen Infotech Located in BTM Layout.

    ReplyDelete
  65. Appreciated for This Good Work...I am very Happy to visit your site...Thanks for sharing the information's about Latest trending course...
    Java training in chennai | Java training in annanagar | Java training in omr | Java training in porur | Java training in tambaram | Java training in velachery

    ReplyDelete
  66. I appreciate this piece of useful information. CourseDrill academy one of the best leading Training Institute, provides the best Online services with expert Team. For more information visit our site:
    Oracle Fusion HCM Training
    Workday Training
    Okta Training
    Palo Alto Training
    Adobe Analytics Training

    ReplyDelete
  67. Really nice and interesting post. I was looking for this kind of information and enjoyed reading this one. Keep posting. Thanks for sharing.data science course data scientist course in mysore

    ReplyDelete
  68. How To Display Code In Blogger Posts ~ Website Development >>>>> Download Now

    >>>>> Download Full

    How To Display Code In Blogger Posts ~ Website Development >>>>> Download LINK

    >>>>> Download Now

    How To Display Code In Blogger Posts ~ Website Development >>>>> Download Full

    >>>>> Download LINK wl

    ReplyDelete