All rights are reserved by Niteesh Kumar.. Theme images by Storman. Powered by Blogger.


Total Pageviews

Blog archive

Follow by Email


Sunday, 22 January 2017

how to highlight code syntax in blogger, best syntax highlighter for blogger

As we can see that there is no special syntax in blogger by which we can highlight the syntax of a code.It is quite easy to do so.we can do this by just inserting few lines of codes in our template html code.You can go through this step by step guide-

1-Open your blogger dashboard and go to template section

Here you will see two options customize and Edit HTML.

 Click on the Edit HTML.

2-Copy the script given below-

 <link href='' rel='stylesheet' type='text/css'/>
<link href='' rel='stylesheet' type='text/css'/>
<script src='' type='text/javascript'/>
<!-- END INCLUDE SyntaxHighlighter Components -->

<script src='' type='text/javascript'/>
<script src='' type='text/javascript'/>
<script src='' type='text/javascript'/>

<!-- INIT SyntaxHighlighter -->
<script type='text/javascript'>
   SyntaxHighlighter.config.bloggerMode = true;

3-Paste the code in the HTML of your template just above </head> tag

   Click on save template-

4-After saving template open your post editor and open HTML-

   After opening the HTML section of your code enclose your code with the given tags-
<pre class="brush:language name(html) in this case"><----your code's HTML----></pre>

5-Save the code and publish the post and you will see that- 

open your post in your blog and see the changes-

18 on: "how to highlight code syntax in blogger, best syntax highlighter for blogger"
  1. This comment has been removed by the author.

  2. Hi, i am using this way, but if my websites turn on https, it doesn't work. it only work on http. can you help me please?

    1. Change all links on http:// to https:// in your theme

  3. Thank you @KC B for the comment.
    https is a secure gateway and google does not allow third party scripts in secure gateway.So it is not working.
    Go to setting in dashboard and make https redirects no in basic settings.
    and your site will always open on http and this will work.

  4. I think this is an informative post and it is very useful and knowledgeable. therefore, I would like to thank you for the efforts you have made in writing this article. website development agency

  5. Thankyou for this blog its really interesting and informative, but there is some errors
    Which need to be recorrect by owner. See i also have some good blogs related to
    Technical services, you can check on my website.

    Avast Login
    bullguard support number

  6. I would like to thank you because your site’s blog is very informative and very knowledgeable. I shared your site with my friends because they can take information from your site. I found some sites relate your site Check link Below...
    Thank you..

    Avast Login
    bullguard login

  7. This is working only for http blogger and not working for https blogger. Is there any additional setup required for https bloggers?

  8. The TomTom is the most feature-packed, best connected, and smartest navigation device on the market, packing a number of features which help it compete with your smartphone. | tomtom get started | | tomtom update

  9. It is not working for me . I want to use java brush and included the same in my themes. But it is not working


  10. AVG antivirus is a prominent virus protection program among the world of software . As many hackers and data stealers are waiting for the user’s mistake, they can misuse of user’s identity and other data. |

  11. You are very cool! I dont suppose I have read something similar to this before. So nice to search out somebody with authentic applying for grants this subject. Totally a helpful project for bringing new things for the Sourcecode.

  12. I check your blog and it is really information for us Otherwise if anyone want to Learn C & C++ so You Can Contact US-+91-9311002620 Or Visit Our Website-

  13. Great Article! I got too much information from this post. Thanks for sharing such a helpful article.If any one who want to learn C&C++ get a free demo call on 9311002620 or visit our further website :-

  14. I was looking for a post that provides important information and this post meets my expectations. This post is written after a good research and every piece of information seems reliableHow to check the storage on the Gmail app?

  15. Really great post that you sharing very informative and very helpful content you put into your blog apart from that if anyone looking for training institute for C++ training checkout then. Contact Here-+91-9311002620 Or Visit Website-