Tag Cloud Cumulus

Ok lansung saja bagi yang ingin tampilan labelnya seperti gambar disamping (cloud) silahkan ikuti petunjuk dibawah ini.

1. Klik edit html
2. Centang " Expand Template Widget "
3. Cari code <b:section class='sidebar' id='sidebar' preferred='yes'>
4. Selanjutnya taruh code berikut dibawah kode tadi
   

   <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>

5. Kemudian preview template Anda. Jika diinstal dengan benar, Anda akan melihat tag awan muncul di sidebar Anda. Kemudian Anda bebas untuk menyimpan template, edit warna dan dimensi yang diperlukan, atau memindahkannya ke lokasi yang berbeda. Itu saja!

Menyesuaikan Blogumus
Dalam instalasi default, Blogumus preset termasuk variabel-variabel berikut:

1. Lebar diatur ke 240px
2. Tinggi diatur ke 300px;
3. Warna latar belakang putih
4. Warna abu-abu Test
5. Ukuran font adalah "12"

Jika Anda memilih untuk membuat widget Anda yang lebih luas, lebih pendek, mengubah skema warna, dll, Anda akan perlu melakukan hal ini dengan mengedit berbagai bagian kode. Aku akan pergi melalui pilihan ini agar mereka muncul dalam kode widget. Mengedit lebar dan tinggi Variabel untuk lebar dan tinggi ditemukan dalam baris script berikut:

var sehingga SWFObject = baru ("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "# FFFFFF");

Lebar (saat ini 240) disorot dalam warna merah, sedangkan tinggi (default 300px) disorot dengan warna biru. Nilai-nilai numerik menentukan lebar dan tinggi dalam pixel, sehingga Anda dapat mengubah ini dari yang Anda inginkan. Mengedit warna latar belakang Anda dapat mengubah warna latar belakang dari putih menjadi warna lain dengan mengubah nilai hex di baris yang sama:

var sehingga SWFObject = baru ("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "# FFFFFF");

Misalnya, jika Anda lebih memilih latar belakang merah, Anda dapat mengganti dengan # FFFFFF # FF0000. Lihatlah halaman ini untuk daftar umum digunakan kode warna hex. Mengubah warna teks Secara default, teks diatur untuk ditampilkan sebagai abu-abu gelap (nilai hex # 333.333). Anda dapat mengubah variabel ini di baris berikut:

so.addVariable ("tcolor", "0x333333");

Sadarilah bahwa "tcolor" adalah variabel Flash dan tidak termasuk simbol hash biasa kode warna hex. Pastikan untuk hanya mengganti nomor! Sesuaikan ukuran font Ukuran font tag maksimum ditentukan pada baris ini:

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> </> tag ");