As
you all know good and relevant widgets make your blog easy to navigate
and can help to keep visitors engaged on your blog. Today i will teach
you to add such useful widget to your blog. This blogger widget looks
cool on your blog as well as helps user to navigate on your blog. I had previously posted about how to add label or categories cloud on your
blog, In this post i will teach you to add animated label cloud to your
blog.
Adding Label or Categories Cloud
- Go to Dashboard > Layout > Add Gadget.
- Now choose labels from pop up window and change setting as show in below image.
-
Now save it and follow below steps to animate label or categories cloud. For more details check below article.
- Adding Label Or Category Cloud On Your Blog
Animating Label Cloud
1. Go to your Blogger Dashboard and Click on Template
2. Then click on Edit HTML
3. Now search for below code be clicking CTRL + F
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
4. Now paste below code just after the code you search on step 3.
<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’>My Bloggers World <a
href=’http://mybloggersworld.blogspot.in/’>Mbw</a> and <a
href=’http://mybloggersworld.blogspot.com/’>Mbw</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", "0×333333");
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. Now save the template and go to Layout to change the position of the widget.
6. If you have any problem implementing this widget on your blog
leave a comment below, i will be glad to help you out. You may also like
to add below widgets to your blog.
