Add Flash Label Widget in Blog

by Nandupatel on January 1, 2009

To make it interesting, please drop your mouse on the images on the left. It is interesting.Blogger users can add that widget in their sidebar. I want to thank to Amanda. This is others work. Click here for examples. Here is big flash label but after installing it, you can see according to your choise. I have wrote down to change width and height.

Interested in making it? Just follow the steps below:

1. Log in into blogger with our ID
2. Click Layout.
3. Click Edit HTML tab
4. Click Download Full Template and back up the template first.
5. Find the code similar with the code below.

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

6. Copy and Paste the code below under the code above;


<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’>

&lt;object type=”application/x-shockwave-flash” data=”http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf” width=”250″ height=”200″ allowscriptaccess=”always” &gt;

&lt;param name=”movie” value=”http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf” /&gt;

&lt;param name=”bgcolor” value=”#ffffff” /&gt; &lt;param name=”flashvars” value=”tcolor=0×000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;

<b:loop values=’data:labels’ var=’label’>

<a expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url’ style=’12′><data:label.name/></a>

</b:loop> &lt;/tags&gt;” /&gt; &lt;p&gt;Blogumulus by &lt;a href=’http://www.roytanck.com/’&gt;Roy Tanck&lt;/a&gt; and &lt;a href=’http://www.bloggerbuster.com’&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;

&lt;/object&gt;
</div>
<b:include name=’quickedit’/>
</b:includable> </b:widget>

7. Click SAVE TEMPLATE
8. You are Done

But you want to customize it, for example;

Change the widget height:

Change the widget width:

Height=”200″

Value 250 is the height of widget. You can change it as your choise.
for example: 225

Width=”250″

Value 250 is the width of widget. You can change it as your choise.
for example: 275

Change the background color:

&lt;param name=”bgcolor” value=”#ffffff” /&gt;

If you want to change color of background, Just change color code, which you want, here ffffff is code for white.Click here for other color code

Change the text color:

&lt;param name=”flashvars” value=”tcolor=0×000000&amp;

If you want to change color of text, Just change color code. Here 000000 is code for black colorClick here for other color code

Leave a Comment

Previous post:

Next post: