Monday, March 18, 2013

Add Syntax Highlighter Script on your blogger blog

On this tutorial i will show you how to add syntax highlighter on your website.

So we will add this syntax highlighter script : link here

here steps :

1. Via Blogger's admin panel, navigate to your "Template" section

2. Click "Edit HTML"
    3. Accept the warning by clicking "Proceed"
    Add Syntax Highlighter Script on your blogger blog

    4. Find your template's </head>  tag
    step 2 - Add Syntax Highlighter Script on your blogger blog


    5. Copy and paste the following HTML code (omit the .js includes that aren't relevant to your site to increase page load time):






    6. Click "Save template" 
    step 3 - Add Syntax Highlighter Script on your blogger blog
    7. Create a new post in HTML mode using the following markup:
    <?php
    $example = range(0, 9);
    foreach ($example as $value)
    {
    echo $value;
    }
    8. Click "Publish" and you're done!
    step 4 - Add Syntax Highlighter Script on your blogger blog

    9. here for more details how to implement script : http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html
    Disqus Comments