Type : Tutorial
Labels : Blogger
Level : Easy
Hi, In this tutorial, i want to share how to install SyntaxHighlighter on Blogger, because i have so many problem with it. /sweat
I have install several SyntaxHighlighter, and i think, this is the only one that work perfectly in my blog. This tutorial based on http://www.bloggermint.com/2010/02/how-to-add-syntax-highlighter-for-bloggerblogspot/, all credits goes to him, Good Job :)
First for All, Login to your blog, go to Design > Edit HTML and then do the following:
1. Search (you can use CTRL+F) for <head>
2. Paste this code to replace <head>
<head> <link href='http://sites.google.com/site/bloggermintcom/shCore.css' rel='stylesheet' type='text/css'/> <link href='http://sites.google.com/site/bloggermintcom/shThemeDefault.css' rel='stylesheet' type='text/css'/> <script src='http://sites.google.com/site/bloggermintcom/shCore.js' type='text/javascript'/> <script src='http://sites.google.com/site/bloggermintcom/shBrushCss.js' type='text/javascript'/> <script src='http://sites.google.com/site/bloggermintcom/shBrushJScript.js' type='text/javascript'/> <script src='http://sites.google.com/site/bloggermintcom/shBrushXml.js' type='text/javascript'/> <script type='text/javascript'> SyntaxHighlighter.all() </script>
3. When you want to post with script, in your posting page, go to Edit HTML (Not Compose) and type
<pre class="brush: js"> //Place your script here //Place your script here //Place your script here </pre>
4. Publish or Save it, you have done it.
A little tips from me, before you add script to your posting, make it friendly first using postable. Read this article how to make your script postable:
Tutorial - Make Your Script Postable
-Fin /bye
Tutorial - Make Your Script Postable
-Fin /bye
Keyword (Indonesia) : cara install pasang syntax highlighter di blogger atau blogspot
No comments:
Post a Comment