How To Add Flash Animated Label Tags Cloud Widget


If it is said that “Pictures speak a thousand words“, then it would not be wrong to say that “Flash speak a million words“.

And because we all want our blogs look great for our visitors, we need to give our labels widget good style.

And here we are:
  • Go to Layout -> Edit HTML
  • Click on Expand Widget Templates
  • Find the next code (use Ctrl+f)
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
  • Past the next code just after the above one
<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'>Blogger eHow by <a href='http://www.bloggerehow.blogspot.com/'>Roy Paran</a> and <a href='http://www.abdul-hakeem.com'>Field of Dreams</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>
  • Customize you widget by changing the red words as: (Labels):title (250):width, (200):height, (#ffffff):background color and (000000):links color.
  • Click Save Template
  • Go to Layout and change its location as you like
Enjoy!


9 comments:

Unknown said...

thanks for this cool stuffs,
Oceans of Knowledge

Anonymous said...

Your blog posts and articles are very interesting for me become more knowledge, keep your blog so I can visit again to see your blog posts and articles later .. thanks for the info

Unknown said...

Myself Ravi Singh from Mumbai. I was in Delhi, I need some fun with Independent Girl, i searched About Escorts girl on the Google, and then I found DelhiEscortsHub Website. Independent Escorts in Delhi (DEH) . That agency send awesome girl for me. Wow what a girl! I am totally surprised. I can’t describe how much Entertainment I had that night. I am very joyful using this service. I think DEH one of the best Escorts service provider by Internet.

The Wild Blogger said...

You can have a better and stylish Blogger Label tag widget

Read: Blogger Stylish Label Clod Tag Widget

TechnoGupShup said...

Cool widget but in my Blog www.technogupshup.com have many label so how can i select some of them to display in this widget i am really interested to show on my Blog

Scouts HRM Pakistan said...

good one
must visit for professional learning

http://adf.ly/lNzD8

TechnoGupShup said...

I tried on technogupshup but my blog have lots of keyword so i show each label in this widget. And this shows very dirty and unreadable by reader.Finally i decided to show label in different way you can check HERE

luksjobs said...

Thx

Ankita Tiwari said...

kolkata best escort
kolkata best escorts
hi profile escort girls in kolkata


kolkata hotel escorts
kolkata call girls services
near by call girl


kolkata bengali escorts
kolkata housewife escorts
housewife escorts in kolkata


park street escorts
park street call girls
park treet near escort girls




best call girl in kolkata
kolkata sex girls number
sexy girl contact number


kolkata local call girls
call girl contact number kolkata
kolkata call girl area


college girls for sex in kolkata
call girl for sex in kolkata
kolkata call girl address

Post a Comment

Related Posts Plugin for WordPress, Blogger...

Comments

Twitter Delicious Facebook Digg Favorites More