Cara Membuat Cloudy Category

Kalau beberapa hari yang lalu 4-jie.blogspot.com lebih banyak share tentang foursquare, tetapi kali ini 4-jie.blogspot.com akan share tutorial blogspot yaitu "Cara Membuat Cloudy Category". Cloudy Category ini dapat berputar-putar, jadi cocok banget buat kamu yang suka muter-muter. Buat yang udah gag sabar bagaimana cara pembuatannya, silahkan ikutin tutorial yang 4-jie.blogspot.com buat ini :

1. Login ke blogger.com
2. Pilih Rancangan
3. Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Copy Code berikut :

<b:widget id='Label50' locked='false' title='Category' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <script src='http://h1.ripway.com/ozyw42/tagcloudcumulus-ozy.js' type='text/javascript'/> <div id='flashcontent'/> <script type='text/javascript'> var so = new SWFObject(&quot;http://www.fileden.com/files/2009/11/17/2654961//DADorichalcos.swf&quot;, &quot;tagcloud&quot;, &quot;185&quot;, &quot;185&quot;, &quot;7&quot;, &quot;#000000&quot;); // uncomment next line to enable transparency //so.addParam(&quot;wmode&quot;, &quot;transparent&quot;); so.addVariable(&quot;tcolor&quot;, &quot;0x80ff00&quot;); so.addVariable(&quot;hicolor&quot;, &quot;0xFFFFFF&quot;); so.addVariable(&quot;mode&quot;, &quot;tags&quot;); so.addVariable(&quot;distr&quot;, &quot;true&quot;); so.addVariable(&quot;tspeed&quot;, &quot;125&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'/> <script type='text/javascript'>document.write(unescape('%3C%63%65%6E%74%65%72%3E%3C%61%20%0A%68%72%65%66%3D%27%68%74%74%70%3A%2F%2F%6F%7A%79%2D%77%65%62%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%32%30%31%31%2F%30%35%2F%63%61%72%61%2D%6D%65%6D%62%75%61%74%2D%63%61%74%65%67%6F%72%79%2D%63%6C%6F%75%64%2D%61%6E%69%6D%61%73%69%2E%68%74%6D%6C%27%3E%4D%61%75%20%54%61%67%20%43%6C%6F%75%64%20%73%65%70%65%72%74%69%20%69%6E%69%3F%3C%2F%61%3E%3C%2F%63%65%6E%74%65%72%3E')); </script> </div> </b:includable> </b:widget>

6.  Jika sudah dicopy, letakkan kode diatas, dibawah kode ini 

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

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

7. Save

Sekian Tutorial Blogspot yang bisa 4-jie.blogspot.com bagikan, semoga bermafaat :)

Keterangan Kode HTML :
185          = Lebar Widget dalam px
185          = Tinggi Widget dalam px
#000000  = Warna Background (Hitam)
0x80ff00  = Warna Huruf
12            = Ukuran Font
0xFFFFFF  = Warna Link