Tag Cumulus untuk blogger Versi CSS

Apa sih Tag Cumulus itu? Tag Cumulus adalah sebuah fitur/widget yang fungsinya sama dengan Label, Categories, dan Tag.

Kelebihan Widget ini adalah bahwa dia bisa berputar-putar sehingga terlihat sangat menarik. Dan mungkin, dia bisa menjadikan-efisien (baca: menghemat) tinggi area sidebar blog kita.

Cara Memasang di blogger:

1. Cari kode HTML yang menunjuk pada 'id' atau 'class' dari area Sidebar Blog anda...

kode HTML sidebar tergantung dari jenis template anda. Ini bisa bervariasi. Misalnya: pada blog saya adalah id=sidebar-wrapper.

Tapi, dalam blog anda mungkin bisa lain. Misalnya: Mungkin juga, id='sidebar' ; id='column02' ; dan sebagainya.

2. Kemudian, copy kode dibawah ini:

<b:section id="'sidebar9'" preferred="'yes'" showaddelement="'no'"><br /> <b:widget id="'Label9'" locked="'false'" title="'Label'" type="'Label'"><br /> <b:includable id="'main'"><br /> <div id="'xsnazzy'"><br /> <b class="'xtop'"><b class="'xb1'/"><b class="'xb2'/"><b class="'xb3'/"><b class="'xb4'/"></b><div class="'xboxcontent'"><br /> <b:if cond="'data:title'"><br /> <h2 style="'font-family:arial'">Article Categories</h2><br /> </b:if><br /> <div class="'widget-content'"><center><br /> <script src="'http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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'">Iyandri</a>Distributed by <a href="'http://tiluk.blogspot.com'">Cahaya Biru</a></div> <script type="'text/javascript'"> var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "330", "200", "9", "#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 href="'data:label.url'" style="'12'"><data:label.name/></a></b:loop></tags>"); so.addParam("allowScriptAccess", "always"); so.write("flashcontent"); </script><br /> <b:include name="'quickedit'/"><br /> </center></div><br /> </div><!--xboxcontent--><br /> <b class="'xbottom'"><b class="'xb4'/"><b class="'xb3'/"><b class="'xb2'/"><b class="'xb1'/"></b><br /> </div><!--end of xsnazzy--><br /> </b:includable><br /> </b:widget><br /> </b:section>

Keterangan:
a. Tulisan 'Article Categories' adalah title dari Widget. Anda bisa merubah sekehendak anda. Misalnya: kategori artikel, Grup Artikel, dan sebagainya.


Angka 330 (tanpa px) = lebar pixel widget
Angka 200 (tanpa px) = tinggi pixel widget
333333 (tanpa #) = kode warna dari Tulisan
#ffffff = kode warna dari Background Widget
Angka 12 = ukuran font dari widget


6. Taruh kode tersebut, di manapun anda suka. (saya sarankan dalam area sidebar yaa...)

7.Save Template-mu