6:51 PM | Posted in
To make it interesting, please drop your mouse on the images on the left. It’s nice, isn’t it? A few days ago, a friend of mine asked me a tutorial about making animated widget flash label/category as seen on the left. That widget is usually used by WordPress engine. However, Blogger engine users can add that widget. I wanna thank to Amanda for making this widget for blogger.

Interested in making it? Just follow the steps below:

1. Log in into blogger with pour 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.


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


<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" > <param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /> <param name="bgcolor" value="#ffffff" /> <param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags> </tags>" /> <p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p> </object>


7. Click SAVE TEMPLATE
8. Finished

With the right steps above, your animated flash label/category should be created well. However, to make the label matches with your template, you can change some code above, for example;

Change the widget width:

Width="250"

Value “250” is the widget label 250 pixel. This value can be changed as you need example: 300

Change the widget height:

Height="200"

Value “200” is the widget height 200 pixel. You can change this value as you need, example; 250

Change the background color:

<param name="bgcolor" value="#ffffff" />

The writing of “ffffff” is the color code for white, if you want to change it with other color, just change the color code of the color you want, example, the code color of black is “000000”.

Change the text color:

<param name="flashvars" value="tcolor=0x000000&

The writing of “000000” is the color code of black, if you want to change with other color. Just change the color code with the color code you want. Example; the color code of white is
“ffffff”

To change with other color, you have to know the other color code…ok!!!

Good Luck!!!!
Category:
��

Comments

0 responses to "Add Flash Label Widget in Blog"