Type in key words and search my blog here:

Loading

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.

3 comments:

  1. What great stuff you have here. Can you help with the Google Translate gadget? I have it on my blogs but once you translate it to another language there is no option to translate back to English. Can't see anywhere to do it on the set up but have seen it on other blogs. Any ideas? Thanks

    ReplyDelete
  2. Thank you Jeanette :-) Can't believe I didn't see the banner on top. Never mind, it works perfectly and thank you so much for pointing it out to me. :-)

    ReplyDelete
  3. Hey Jeanette,

    Love this one.. Have it on my 2 column blog, But it's not working on my 3 column blog.. I've tried putting it in both sidebars.. Nothing but the title shows up..

    Any suggestions??

    ReplyDelete

Thanks for taking time to leave a comment. I would love for you to include your blog address

Just copy and paste the following in your comments and add your blog address and blog name, and you will easily post it in your comments. Don't leave any spaces!

<a href="YOUR BLOG ADDRESS HERE/">YOUR BLOG NAME HERE</a>

-:¦:-.•:*¨¨*:•.-:¦:-.•:*¨¨*:•.-:¦:-.•:*¨¨*:•.-:¦:-

Here's to more happy scrapping, and
Hugs from the heart,
Jeanette

ONE SIZE TEMPLATE

ONE SIZE TEMPLATE
Blog Background Template