seo Adding Animated Cloud Label To Your Blog 2013

on Sunday, February 10, 2013 | 0 Comment

Seo Master present to you:

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 usefull widget to your blog. This blogger widget looks cool on your blog as well as helps user to navigate on your blog. I had previosly 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

1. Go to Dashboard > Layout > Add Gadget.

2. Now choose labels from pop up window and change setting as show in below image.

3. 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://www.matrixar.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", "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. 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.