How to add tag cloud widget Blogger?

Home » Editors Choice » How to add tag cloud widget Blogger?
Editors Choice No Comments

Adding tag cloud widget Blogger

Cloud widget blogger, yes a simple and impressive widget that gives extra look for your blogger site.Having a responsive site with quality links is important. Thus comes the need of easily navigated template. If your site or blog contains a lot of tags and categories then it becomes impossible to actually take navigate through. So you cant compromise on the template nor can you compromise on the site navigation. That is when you start thinking about "How about I make a tag cloud?" good decision, now you get a highly responsive and a good looking blog in hand.

4 Ways to increase traffic to your site. Hike in traffic and user engagement using fisherman’s black net technique.

 Increase your traffic and user engagement following these methods. Wondering how to increase traffic to your site? Gaining viewers and increasing user engagement is the nightmare of all the bloggers, easing out there are a lot of tools.  You are not going to reach people unless you use proper SEO (Search Engine ...

How to add tag Cloud widget Blogger?

Now let us see how to add tag cloud in blogger. This animated cloud tag will help you keep the visitors navigate around the site for a while and also helps you decrease the bounce rates.

First thing is to log in to the dashboard of blogger.

Navigate to Dashboard > Layout > Gadgets

Choose 'Labels' and alter the settings as shown below.

cloud widget blogger

This will give you the default blogger cloud tags in your blog. So how do you get the awesome looking widget as below?

 

cloud widget blogger

Follow the steps below to get animated cloud tag in the blog

Head over to the blogger dashboard, same as before. Click on template.

Click the edit template menu and find the following code in the html

<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>

To find this code, Press Ctrl+F key to get search button up and paste the code there.

Once you find out the code. Paste the following code below it.

<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'>Animated tag cloud for blogger <a href='http://www.techandseo.com/2016/01/how-to-add-tag-cloud-widget-in-blogger'>Mbw</a> and <a href='http://www.techandseo.com/2016/01/how-to-add-tag-cloud-widget-in-blogger'>Mbw</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>

Now save the template and go back and check the previously added cloud tag in your blog. It now shows the tags in clouds. For all further queries  drop a comment below. 🙂

Read More

The ultimate guide to rank number 1 in any keyword – 2016

The ultimate guide to getting Google AdSense approved.

 

LEAVE A COMMENT