Kamis, 25 November 2010 | By: Faris Setiawan Bastomi

Tag Cloud animasi

Kalian tau tag cloud kan?
itu loh, yang biasanya isinya label-label dari postingan-postingan kamu,,,
sekarang gimana kalo tuh tag cloud gag cuma diem?
bisa gerak-gerak sendiri gitu?
wah, horor donk? hehehe, bukan gitu, gerak sendiri kalo cursor kita deketin ke tuh tag cloud,,,
penasaran? langsung praktekin aja,,,






  1. as always, masuk ke edit HTML
  2. simpen dulu pake Download Template Lengkap, biar nanti kalo gag cocok tinggal ganti lagi dengan yang lama
  3. cari kode ini nieh
     <b:section class='sidebar' id='sidebar' preferred='yes'>
  4. kalo udah ketemu, taruh kode yang ini tepat di bawahnya
    <b:widget id='Label88' locked='false' title='Tag Cloud' 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://hermanblogtips.blogspot.com'>Herman Blog</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;200&quot;, &quot;150&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='14'><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>
  5. Simpan
seperti bysa, ukuran widgetnya bisa di edit sendiri d width dan height dan lain-lain, seua bisa di edit sesuai selera Anda, hehehe,,,
Voila!!!
lihatlah, tag cloudmu bergerak!!!
Enjoy,,,
(^_^)

Artikel Terkait:

>

0 komentar:

Posting Komentar