• Home
  • Services
  • Facebook
  • Privacy Policy

TricksDaddy

  • Home
  • Services
  • Facebook
  • Privacy Policy

Add Syntax Highlighter To Blogger Blogs

syntax-highlighter-bloggerFew days back I have shared a post about Syntax Highlighter WordPress plugin to beautify your posts on wordpress blog. Now here is tutorial to add the same syntax highlighter to blogger blogs. Simply follow the steps given below :

  1. First of all copy the code given in this link and paste it before </b:skin> tag.
  2. Now paste the followig code before </head> tag
    <!-- Add-in CSS for syntax highlighting -->
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'></script>
    <script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'></script>
  3. Now search for the </body> tag and paste the following code before it :
    <!-- Add-in Script for syntax highlighting -->
    <script language='javascript'>
    dp.SyntaxHighlighter.BloggerMode();
    dp.SyntaxHighlighter.HighlightAll('code');
    </script>
  4. Click on Save Template.
  5. Whenever you have to write some codes in your posts, simply write the codes between the following tags :
    <pre name="code">
    ...Your html-escaped code goes here...
    </pre>

Thanks to Heisencoder for this beautiful coding for blogger blogs

Share On
 Previous Article Download Windows 8 Professional Edition Transformation Pack
Next Article   Recent Posts Widget With Thumbnails For Blogger/Blogspot Blogs

15 Comments

  1. Swagat
    July 28, 2009 at 12:18 am

    that is a valuable post.. Thanks for that.
    .-= Swagat´s last blog ..How to add 125×125 ad spots in your template? =-.

    • Simran
      July 28, 2009 at 12:20 am

      Thanks Swagat for appreciation 🙂

  2. Amal Roy
    July 28, 2009 at 6:31 am

    Nice Find Friend. But adding these many javascripts will certainly make the blog load very slow.It would be best if all the JavaScripts are compressed into one single file. So less requests will be made and blog gets considerably faster. Keep posting.
    .-= Amal Roy´s last blog ..How To Avoid Getting Banned on Twitter – 10 Useful Tips =-.

  3. Tech @ InkAPoint
    July 29, 2009 at 1:03 am

    It will be helpful for my new blog. Thanks dude.
    .-= Tech @ InkAPoint´s last blog ..Now Tech @ InkAPoint is Fresh & Fast =-.

  4. Bariski
    July 29, 2009 at 10:33 am

    This really will come in handy for my coming projects. Thanks muchly. Bookmarked.
    .-= Bariski´s last blog ..22 Amazing and Colorful High Speed Photography Shots =-.

  5. sham
    July 29, 2009 at 9:39 pm

    This plugin does not work properly at times ..I had tough time with it..I have stopped using it..

  6. crazy blogger
    July 30, 2009 at 10:48 am

    great post about adding highlighter to blogger.

    thank you

  7. qwertyweb.blogspot.com
    August 1, 2009 at 10:34 am

    will come in handy ,but troublesome to add code everytims 😛
    .-= qwertyweb.blogspot.com´s last blog ..Twitter gets a new homepage =-.

  8. Piyush Dungrani
    January 3, 2010 at 9:54 am

    Very nice information dude :-), i am using syntex highlighter right now 🙂
    .-= Best Blogger Tips´s last blog ..Add DISQUS Comments in Blogger =-.

  9. Mücahit Özer
    April 19, 2010 at 8:54 pm

    Wawwwwww. Thanks Tricksdaddy. 🙂
    .-= Mücahit Özer´s last blog ..Meb Anket Yapıyor [Okullara Sivil Kıyafetle Girilsin mi ?] =-.

  10. Mad Geek @beingPC
    June 27, 2010 at 3:24 pm

    Nice way to do without plugin

  11. Geek Blogger
    June 28, 2010 at 6:34 am

    This is a must need Tips for blogger users. you have done it again mat 🙂

  12. sureshpetesrs
    October 9, 2010 at 5:34 pm

    hey is there any plguin for the wordpress??

    • Simrandeep
      October 9, 2010 at 6:56 pm

      Yes.. You can about WordPress blogs here –

  13. Pingback: Tycoon Oyun Serisi - Syntax Highlighter Bloggere Uyarlanmış !
© Copyright. Theme by BloomPixel.