Subscribe

RSS Feed (xml)

Thursday, December 1, 2011

How To Add Syntax Highlighter for Blogger/Blogspot

Syntax Highlighter are generally used for blogs, which mainly focus on scripting tutorials. We could have seen in many popular blogs using script highlighter to highlight the script. It not only highlight the script, but also give us a clear idea, how the script was formulated. This javascript can be capable of displaying css, xml, jscript, python, c# and much more supported programing languages. Most of the blogs are using the older version of Syntax Highlighter created by Alexgorbatchev. So here I am going to teach you, how to install syntax highlighter 2.1 (latest version) on your blogger / blogspot blogs. Before you could get in to the process, I recommend you to back up your template.














Step 1: 
 I made the installation steps more simple to help people implement it without any mess. Navigate to Blogger dashboard > Layout > Edit HTML  and Expand Widget Templates. Search for and replace it with the below code
<head>
















Step 2: Whenever you publish a post with script, include the script within the < pre > section
<pre class=”brush: js”>


Your script here


</pre>

31 comments:

  1. can you tell me that how to add disqussion in blogger ?

    ReplyDelete
  2. Thank you for your tips.
    I applied it on my website: www.c-deb.blogspot.com
    But I have a problem with the tag: #include and #include.
    I have to write #include"stdio.h" and #include"stdio.h". An idea?

    ReplyDelete
    Replies
    1. all languages seems to be same,
      i am really foundoff learning c.

      Delete
  3. Hi, Nice demonstration about How To Add Syntax Highlighter for Blogger/Blogspot.Thanks, its really helped me......

    -Aparna
    Theosoft

    ReplyDelete
  4. Nice blog for Basics.
    find this blog for C programing Tips and Faq @ http://neentech.blogspot.com/
    Thnaks
    neen@ http://neentech.blogspot.com/

    ReplyDelete
  5. Thank you,write c program for finding the area bounded by four co-ordinate points in a system.

    ReplyDelete
  6. For Best C Program with Full Explanatons..
    Visit Here ►► Lightning Code

    ReplyDelete
  7. Good info on this post. You have shared very valuable info here.


    c language training

    ReplyDelete

  8. very good information provided you can read the best c Language Interview Questions

    ReplyDelete
  9. Hi, Nice demonstration about How To Add Syntax Highlighter for Blogger/Blogspot. Thanks for sharing this information.

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

    ReplyDelete

  11. I appreciate this piece of useful information. Kshemkari Export Import academy one of the best leading Trade and Training Institute for import and export business, provides the best service in India with expert TeamFor more information visit our site: Export Import Certificate Online Training

    ReplyDelete
  12. Excellent information you have shared, thanks for taking the time to share with us such a great article. I really appreciate your work. Also, click here for Learn Programming with C and C++ or many more.

    ReplyDelete
  13. Great Post. Very informative. Keep Sharing!!

    Apply Now for MERN Training Classes in Noida

    For more details about the course fee, duration, classes, certification, and placement call our expert at 70-70-90-50-90

    ReplyDelete
  14. Awesome Article Thanks for sharing your valuable information here. Are you seeking to outsource node js developers or freelancers to create your new application and website?
    Before taking a decision about it. You must check our website. For your business, Hire our node js developers. Hire node js developers

    ReplyDelete
  15. Thanks for this post. It proves very informative for me. Great post to read. Visit my website to get best Information About Best SSC Coaching Institute in Borivali.
    Best SSC Coaching Institute in Borivali
    Top SSC Coaching Institute in Borivali

    ReplyDelete
  16. MEAN Stack Training in Gurgaon
    https://bumppy.com/tm/read-blog/45182_things-when-you-first-start-mean-stack.html
    If you are a working professional, looking forward to up-skilling yourself and obtaining specialization, APTRON weekend classes will enable you. We have specific software development classes on topics like MEAN Stack. Achieve your next career break with these specialization classes offered in APTRON, India’s best institute for MEAN Stack Training in Gurgaon.

    ReplyDelete
  17. Awesome Article Thanks for sharing your valuable information Are you seeking a Hire mern stack developer to start your own new business? You've arrived at the right location. For your business startup, we offer a customizable multi-service platform that all-in-one solution.

    ReplyDelete
  18. React.js offers a faster development environment, and its very easy to use. Learn them without taking care of too many setups, when you are developing apps by serving HTML files.
    Learn How to Use Reactjs Cdn

    ReplyDelete
  19. Excellent content. It will be beneficial to those who seek MEAN stack development information to deliver website and web applications to transform your website into a productive business with MEAN stack development services.

    ReplyDelete
  20. MEAN Stack course in Noida
    https://sachinbansal966.medium.com/mean-stack-institute-in-noida-mean-stack-training-in-noida-d5b8de0d9567

    ReplyDelete
  21. Thanks for sharing this information, Valuable information. We are Dipole Tech Innovations (OPC) Pvt Ltd, We provide best website development & software development services in new york, los angeles, USA. We are serving industries like Healthcare, Education, Real Estate, Retail, Food & Beverages, Hotel Management, and many more. Save Time & Save Money. Get free consultation

    ReplyDelete
  22. elf highlighter come in many forms, including a highlighter stick like e.l.f. Daily Dew Stick, powder highlighter like e.l.f. Baked Highlighter Powder, liquid highlighter and cream highlighter and even highlighter palettes. Creams, sticks and liquids are easily absorbed and look natural.

    ReplyDelete
  23. Your article is wonderful. You are aware of how helpful your article is to both me and everyone else. Excellent information was disclosed. We'll visit your website again.

    Best Software Development Company In Mohali

    Mobile App Development Company

    ReplyDelete
  24. Nice post i will read it again it contains most helpfull information for me thanks.
    Web Design and Development Services
    Mobile App Development Services

    ReplyDelete
  25. Hey there Nice Post Thanks for Sharing with us. Coregenic Softwares is a Digital Marketing Service Provider Company. we offer you complete services:
    SEO Services

    ReplyDelete
  26. Great blog the content is informative and engaging. Visit my website to get best Information
    wooden frame design for wall

    ReplyDelete