Advices : Blog, Health, Relationship, And Many More...!!!

Friday, July 13, 2012

Blog Advice - How to Create a Tag Cloud on Blog

In the previous post I've talked about : Simple Trick - How To Make Related Post on Blog 

At this time, I'll discuss about: How to create a tag cloud rotates in the blog.


Tag Cloud / Spining Labels

How to create a Tag Cloud rotates in the blog? Or Spin Label? Yap This article will discuss, how to make a label or tag cloud rotates in the blog. But before starting, we must read the rules first:

1. Not all of blogger template supports this tag cloud / spin label.
2. First, you must install Adobe Flash Player, so the tag cloud can rotates

Good, now we start to do one by one:

1. Login to your blogger account
2. Click the Design >> Edit HTML >> and don't forget to check "Expand Widget Templates"
3. Find this code <b:section class='sidebar' id='sidebar' preferred='yes'>
4. Do not forget to use the F3 / Ctrl + F to search more easily
5. Then copy the code below and paste it just below the code above:

 

<b:widget id='Label99' locked='false' title='Tag Cloud Comulus 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(&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>

6. Well, before you save, it is good to select the preview first, if there is no problemthan click save.
7. And you've been completed this mission :)

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Blog Advice - How to Create a Tag Cloud on Blog

  • Blog Advice - Simple Trick Make Numbered Page Navigation For BlogspotTypically, the navigation buttons on Blogspot for the old post and new post using the link with the text "older posts" and "newer posts". To facilitate the visitors ...
  • How to Putting LinkWithin Widget at Blog Post OnlyBefore I've been posted about : How to add LinkWithin to Our Blog. Next We'll discuss about Putting LinkWithin at Blog Post Only and not the home page.When we install th ...
  • How To Add LinkWithin Widget to BlogYesterday, I've posted about : How to Make Related PostFor this occasion I will discuss: how to install the widget LinkWithin.but first let me explain a little, the func ...
  • How To Make Related Post on BlogAt this time, I wanted to share how to make the "Related Post" right under the posts. Actually, this trick is old and has been widely circulated on the internet. But it' ...
  • How To Change Blog CursorYesterday, I have posted: Blog Advice - How to Create a Tag Cloud on BlogThis time I will post how to change the cursor at your blog, we might get bored with normal cur ...

0 comments:

Post a Comment