add-flash-tag-cloud-to-your-blogger-blog-


“Blogumus” is an Flash based tag cloud widget originally WP Cumulus plugin by Roy Tanck’s. You can see the demo for this hack below. You will see the Flash zoom effect on mouse over.
This hack uses both javascript and flash to implement. The intallation of flash cloud in your blogger blog is very simple. Just you need to copy and paste few lines of code in your template editor. I would like to thanks Amanda for releasing this powerful widget for blogger’s. Here you can see the installed Blogumus in sidebar.

Step needs to Add Flash Label Cloud in Blogger Blog
1. Login to blogger dashboard
2. Go to Layout >> Edit HTML
3. Save Your template first and dont expand widget template
4. Choose where you want to add Flash label cloud in your blog ( Sidebar, Footer, Below Header or Above footer or any section). Now Search for respective <section> (section releted to sidebar, footer, etc). The line of code may look like as follows
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
or
<b:section class=’footer’ id=’footer’ showaddelement=’no’>
or
<b:section class=’anything’ id=’anything’ preferred=’yes’>
5. Immediately after any one of the above line, Paste following widget code

<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=0x000000&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>
6. Save your template and if every thing goes well you will see the Blogumus in your blog.
Customization
250 : To change the width of the Blogumus
200 : To change the height of the Blogumus
000000 : To change the color of text
ffffff : To change the background color of Blogumus
12 : To alter the size of labels

0 comments:

Post a Comment

Carelexx Malik

I am a blog owner and a web designer and i love to blogging. Web : ways2blogging.com Mail : carelexxmalik
 
2012 Watch tv read blogs | Blogger Templates for HostGator Coupon Code Sponsors: WooThemes Coupon Code, Rockable Press Discount Code