Cara Membuat Tag Cloud Berputar dan Bergerak

 Mungkin banyak di antar kalian yang masih bingung dengan cara membuat Tag Cloud (Daftar Labels) bergerak dan berputar pada blogger, seperti labels yang berada di widged blogger milik saya ini. 
Beginilahh llangkah utama untuk membuatnya.

1. Login ke Dashboard
2. Pilih Rancangan -> Edit Html
3. Centang bagian Expand Template Widget
4. Cari kode berikut untuk yang menggunakan template tambahan di luar blogger, untuk mempermudah pencarian kllik F3 :
   

   ---

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

   ---

5. Jika menggunakan template blogger designer coba cari kode seperti di bawah ini :

   ---

   <b:section-contents id='sidebar-right-1'>

   ---

6. Setelah kode di atas masukkan kode berikut

   ---

   <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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
   // uncomment next line to enable transparency
   //so.addParam("wmode", "transparent");
   so.addVariable("tcolor", "0x333333");
   so.addVariable("mode", "tags");
   so.addVariable("distr", "true");
   so.addVariable("tspeed", "100");
   so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
   so.addParam("allowScriptAccess", "always");
   so.write("flashcontent");
   </script>
   <b:include name='quickedit'/>
   </div>
   </b:includable>
   </b:widget>

   ---

7. Simpan template.
   
   Jika sukses maka hasilnya akan terlihat seperti berikut label berputar.

Catatan : Yang di cetak merah atur lebar dan tingginya sesuai yang kalian inginkan. Yang berwarna hijau untuk mengatur ukuran font.


Semoga Artikel ini bermanfaat, terimakasih sudah membaca.
Sumber : desta17.blogspot.com