Highlight Syntax in Blogger

Last time, I've tried to customize my Blogger template so when I posted some code, it can display code more clear. Asked Google and found that it was so easy to highlight code in Blogger using Syntax Highlighter.

All you need to do is:
1. Go to your Blogger setting where you can edit your Blogger template.
2. Use your browser to find </head> tag.

Add Blogumus to Blogger

Blogumus is a flash based tag cloud which display all of your blog label in a nice flash animation. It is very simple to add it into your Blogger. If you're using the new Blogger template (not Dynamic template), then open your Blogger template and proceed to Edit HTML.

There, check the 'Expand Widget template' checkbox and search for something like this one:

<b:section-contents id="sidebar-right-1">
.
.
.
</b:section-contents>

If you've found it, there you'll found all of your sidebar widget. Just add this code so it'll become like this one:

<b:section-contents id="sidebar-right-1">
.
.
.
<b:widget id='Label99' locked='false' title='tag cloud' type='Label'>
  <b:includable id='main'>
    <b:if cond='data:title'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
      <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
        <script type='text/javascript'>
        var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
        // uncomment next line to enable transparency
        so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
        so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
        so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
        so.addVariable(&quot;distr&quot;, &quot;true&quot;);
        so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
        so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
        so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
        so.write(&quot;flashcontent&quot;);
      </script>
    <b:include name='quickedit'/>
    </div>
  </b:includable>
</b:widget>
</b:section-contents>

Done? Preview it and if everything is ok, you should see flash based tag cloud on your sidebar!

If your blogger using the old template, or if you want to customize your blogumus, then you can follow instruction here:
http://www.bloggerbuster.com/2008/08/blogumus-flash-animated-label-cloud-for.html

Happy customizing! :)