Sabtu, 23 April 2011

Membuat label cloud berputar

Dalam kesempatan ini, kita akan membahas cara Membuat tampilan label cloud di blog berputar, kalau sobat belum tahu apa itu label, "sedikit tentang label, Label adalah artikel postingan yang dikelompokkan dalam satu kategori, misalnya, sobat membuat postingan yang berjudul cara membuat label cloud berputar ini, judul ini tentang tutorial blog kan,,jadi labelnya adalah tutorial blog, sobat mengertikan,

Saat ini model atau bentuk label ada 3, label umum atau yang biasa (standard), label cloud, dan label cloud berputar. Yang akan kita bahas sekarang adalah memasang label cloud berputar di blog.

 Bagi sobat yang ingin memasang label cloud berputar ini, lanjutkan membaca artikel ini.
  1. Login ke Blogger
  2. Klik Tata Letak
  3. Klik tab Edit HTML
  4. klik Download Template Lengkap, untuk backup template sobat
  5. Kemudian klik button Expand Template Widget dan cari kode yg seperti ini :

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

  6. Copy kode berikut ini setelah kode diatas :

    <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://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;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>

  7. Kemudian Simpan Template. dan lihat hasilnya,
untuk merubah ukurannya, sobat bisa pilih pada widget tersebut, yang akan muncul di blog sobat..

selamat mencoba...