Cara Membuat Label Cloud Berputar

Sebenarnya untuk membuat label cloud berputar ini membutuhkan kode HTML yang lumayan agak panjang dan sobat harus menambahkannya pada template sobat, jadi saran saya nanti sebelum mengedit template, ada baiknya backup terlebih dahulu template sobat.

I. Langkah Pertama

1. Login ke Blogger dengan ID sobat.
   
   
2. Klik Tata Letak
   
   
3. Klik tab Edit HTML
   
   
4. Download dahulu template sobat dengan mengklik Download Template Lengkap
   
   
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.




II. Langkah Kedua  
• Mengubah lebar dan tinggi kolom serta warna background  
  Angka "240" adalah lebar kolom

  Angka "300" adalah tinggi kolom

  Sedangkan #ffffff adalah kode untuk backgroud
  
  
• Merubah warna font, untuk kode warna bisa sobat lihat disini
  so.addVariable("tcolor", "0x333333");
  
  
• Merubah ukuran font 
  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>");


Jika dalam membuat label cloud ini tidak berfungsi, silahkan sobat ganti label text menjadi label cloud. Perhatikan gambar dibawah ini :





Selamat Mencoba Sahabat Blogger...???

Cara Membuat Label Cloud Berputar 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.

Share 'Cara Membuat Label Cloud Berputar' On ...

Anda baru saja membaca artikel yang berkategori Panduan Blog dengan judul Cara Membuat Label Cloud Berputar. Anda bisa bookmark halaman ini dengan URL http://arioutsider69.blogspot.com/2012/07/cara-membuat-label-cloud-berputar.html. Terima kasih!

Ditulis oleh: AriOutsider69 - Kamis, 26 Juli 2012