Sunday 11 March 2012

How To Add Flash Tag Cloud To Blogger

 How To Add Flash Tag Cloud To Blogger


HI guys Today I Will show you that how you can add the fantastic flash tag to your blog. This is very simple, just follow me step by step and think you done.
Step 1: Go to your dashboard <design<Edit Html and make backup of your template by clicking on the “Download Full Template”.
Step 2: Check the expand box. Press “Ctrl+F” to find the given line.

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

Now copy and  paste the given code just below the above/after line.



/* Start Flash Tag Code for Blogger by entertolearn.com */
<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://www.filefactory.com/file/cd5e172/n/swfobject.js’ type=’text/javascript’></script>
<div id=’flashcontent’></div>
<script type=’text/javascript’>
var so = new SWFObject(“http://www.filefactory.com/file/cd5e19a/n/blogumus.swf”, “tagcloud”, “240″, “300″, “7″, “#ffffff”);
// uncomment next line to enable transparency
//so.addParam(“wmode”, “transparent”);
so.addVariable(“tcolor”, “0×333333″);
so.addVariable(“mode”, “tags”);
so.addVariable(“distr”, “true”);
so.addVariable(“tspeed”, “100″);
so.addVariable(“tagcloud”, “<tags><b:loop values=’data:labels’ var=’label’><a expr:href=’data:label.url’ style=’12′><data:label.name/></a></b:loop></tags>”);
so.addParam(“allowScriptAccess”, “always”);
so.write(“flashcontent”);
</script>
</div>
</b:includable>
</b:widget>
/* End Flash Tag Code for Blogger by entertolearn.com */



Once this process is done then you can preview and check your template for change, and you will see the tag inside your blog.

You can change background colour, width and height by modifying this line.

“tagcloud”, “240″, “300″, “7″, “#ffffff”);

If You want to change the text colour of the labels the modify this line.


so.addVariable(“tcolor”, “0×333333″);

Change the size of the text by modifying the given line. As in the given line the value for text size is 12.

values=’data:labels’ var=’label’><a expr:href=’data:label.url’ style=’12′>

Further more, if you want to change the rotation and it’s speed just modify the given line. Here is the default Tag widget the value for speed and rotation is 100, You can change it as you want.


so.addVariable(“tspeed”, “100″);

Note that in those labels in which You have added apostrophe or quote like character such as ” or ‘ the Cloud Tag appear empty and blank.
Now your are done and enjoy.

No comments: