TAG CLOUD:
How it works:
This widget uses a combination of JavaScript and Flash animation to parse and display your blog labels.
How to install Tag Cloud in your Blogger layout:
Tag Cloud is ported via WP-Cumulus to Blogger..! Installation of Tag cloud is very simple and easy to port in a blog. You just have to follow six simple steps!
Here are the steps required to install Tag Cloud in your Blogger layout:
1. You have to copy and paste a section of code to your Blogger template, Go to Layout>Edit HTML in your Blogger dashboard,
2. Search for the following line (or similar which contains ‘sidebar’) :
<b:section class='sidebar' id='sidebar' preferred='yes'>
OR
<b:section-contents id='sidebar-right-1'>
You will find this line at the bottom of your blog.
3. Look for code line which will be there under sidebar section class.
<b:widget id='Label' locked='false' title='Labels' type='Label'/>
4. Copy this code and paste below the above mentioned line (widget id code line)
<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><a href='http://blitzkriegconsultant.blogspot.com'></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>
<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><a href='http://blitzkriegconsultant.blogspot.com'></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>
5. You can preview your template to ensure you've made no mistakes before saving. If installed correctly, you should see the tag cloud appear in your sidebar.
You can enjoy the TAG Cloud on your blog.
Credit for wp-cumulus & porting it to blogger goes to Roy Tanck and Amanda Fazani.
Leave your comments for any issues.
No comments:
Post a Comment