Monday, January 2, 2012

Cara Membuat Tag Cloud (Categories/Label bergerak)

Cara Membuat Tag Cloud (Categories/Label bergerak)


Tanpa banyak basa basi mengenai Cara Membuat Tag Cloud dengan Kategori / Label dan Bergerak atau Berputar. Langsung saja simak dibawah ini.

Langkah-langkahnya adalah:
  1.     Log in ke akun blogger anda
  2.     Pilih rancangan
  3.     Pilih edit html
  4.     Centang expand template widget
  5.     Cari kode <b:section class='sidebar' id='sidebarleft' preferred='yes'> atau <b:section class='sidebar' id='sidebarright' preferred='yes'> atau <b:section class='sidebar' id='sidebar' preferred='yes'>
  6.  Letakkan kode dibawah ini tepat di bawah salah satu kode di atas                          <b:widget id='HTML4' locked='false' title='Translate' type='HTML'>
    <b:includable id='main'>
      <!-- only display title if it's non-empty -->
      <b:if cond='data:title != &quot;&quot;'>
        <h2 class='title'><data:title/></h2>
      </b:if>
      <div class='widget-content'>
        <data:content/>
      </div>
    </b:includable>
    </b:widget>
    <b:widget id='Label99' locked='false' title='Categories' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <script src='http://sites.google.com/site/bloggerustemplatus/code/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://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;200&quot;, &quot;200&quot;, &quot;7&quot;, &quot;#151515&quot;);
    // uncomment next line to enable transparency
    //so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
    so.addVariable(&quot;tcolor&quot;, &quot;0x00FF00&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> 
  7. Save dan lihat hasilnya
Catatan:
jika blog anda terdapat dua buah sidebar maka letakkan kode pada no.6 dibawah salah satu kode dibawah ini, sidebarleft berarti sidebar bagian sebelah kiri (seperti pada blog saya ini) dan sidebarright berarti sidebar bagian sebelah kanan. 
  1. <b:section class='sidebar' id='sidebarleft' preferred='yes'> 
  2. <b:section class='sidebar' id='sidebarright' preferred='yes'>
Anda bisa merubah :


warna hijau 200 merupakan tinggi dan lebar tag cloud
warna merah #151515 merupakan background tag cloud
warna biru 0x00FF00 meruapkan warna huruf tag cloud, dan
warna kuning 12 merupakan ukuran huruf tag cloud


Semoga bermanfaat... (",)

No comments:

Post a Comment