How To Make Labels Animation

Oleh Syafdillah

19 Juni 2009

Label this animation comes from the idea that friend Amanda and Rohman posted by a friend and I will post back in this blog:

The steps is easy, as the following:

• Login to blogger with your ID.
• Click Layout.
• Click Edit HTML tab.
• Click on any posts Download Full Template. please backup first though templatenya safe.
• Find a code similar to the code below:

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

• Copy and paste the code below exactly in the bottom of the code above:

  <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>

• Click the button SAVE TEMPLATE
• Done.

• To change the width of the widgets: width = "250"
Value "250" is the width of widget 250 pixels. This value can change according to your needs, eg: 300

• To change the height widgets: height = "200"

Ayo Like Facebooknya

Tag : Blogging