Add 3D tag cloud to blogger
So you want to add this cool gadget to page....
Its easy, just follow me:
Login to your blogger and go to the dashboard OR click the 'More options' little triangle next to the 'Go to post list' button,
Click on 'Overview'
Then on your left hand side-bar click 'Template' and the under your blog thumb you will have 2 options:
Customize & Edit HTML
Click on 'Edit HTML' and Procced...
Remember! this is under your own responsibility!!! so don't mess-up!
Use at your own risk!
I take no responsibility if you mess up your blog!
Remember to always use the 'Preview' option before saving the template.
If anything goes wrong just click 'Close' and when asked 'You have unsaved changes that will be lost.' click OK!
Look for the line that says:
<b:section class='sidebar' id='sidebar' preferred='yes'>
OR the line:
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
And paste the following right after:
Remember! always use the 'Preview' option before saving the template.
Click 'Preview' and see if it apears currectly....
<b:widget id='Label99' locked='false' title='Labels' 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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Resources:
Subscribe to:
Posts (Atom)
No comments:
Post a Comment