Membuat Tag Cloud Comulus

Tag Cloud Cumulus adalah sebuah fitur/widget yang fungsinya sama dengan Label, Categories, dan Tag. Tag Cloud Cumulus juga memungkinkan Anda untuk menampilkan tag situs Anda, kategori atau keduanya. Tag Cloud Cumulus menggunakan film Flash 3D yang berputar. Cara kerja Tag Cloud Cumulus seperti awan tag reguler, tetapi dengan tampilan visual yang lebih menarik. Mengklik Tag Cloud Cumulus bisa sedikit sulit (tergantung pada pengaturan kecepatan) tetapi link Tag Cloud Cumulus akan membawa Anda ke halaman yang sesuai.

Cara Pemasangan :

• Login ke blog sobat...


• Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.
  
  
  


• Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan taruh di bawah kode <b:section class='sidebar' id='sidebar' preferred='yes'> tersebut. 
   
  • 
    
    <b:widget id='Label99' locked='false' title='Cloud Tag Comulus' 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", "tagcloud", "240", "300", "7", "#ffffff"); // uncomment next line to enable transparency //so.addParam("wmode", "transparent"); 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>"); so.addParam("allowScriptAccess", "always"); so.write("flashcontent"); </script> <b:include name='quickedit' /> </div> </b:includable> </b:widget>

    
    

    | Blog Tools
    - Keterangan :
    • 240 : Lebar dari cloud tag.
    • 300 : Tinggi dari cloud tag.
    • #ffffff : Background  dari cloud tag.
    • 100 : Kecepatan dari cloud tag
    • 12 :  Ukuran Font dari cloud tag
  
  
  • Klik "Save" dan lihat hasilnya...

   

Posted in: blog,widget blog