Type in key words and search my blog here:

Loading
Showing posts with label Labels. Show all posts
Showing posts with label Labels. Show all posts

Friday, February 12, 2010

Transparent Flash Label Cloud

Found at Wishing Upon a Starr

Reference:  Blogger Buster

Step 1 – Back up your Blog click HERE for instructions.

Step 2 – Edit your HTML Code

Go to CUSTOMIZE/LAYOUT/EDIT HTML

Find this part in your code: 

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

Use Copy/Paste Function if necessary. Highlight this part of the code, and hitting your CTRL and you C key at the same time, you will COPY the code. Then while you have your EDIT HTML hit your CTRL and your F key to FIND the text. Finally hit your CTRL and your V key to paste the information in the FIND bar.

Step 3 – Add Code to your HTML

Immediately after the code above add this code to your HTML.

<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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>

If you want you can change the word LABELS to something else. It’s in bold in the code so you will know which word to change.

Other Variations are available on Amanda’s Blogger Buster.

Step 4 – Preview

If you like what you see, click SAVE.

To see this in a Word Document, click HERE.

IMPORTANT NOTICE:

If you want to make changes later, you will need to click the button that says EXPAND WIDGETS to edit your HTML.

ONE SIZE TEMPLATE

ONE SIZE TEMPLATE
Blog Background Template