Sunardi's Site

Hai sobat blogger, berikut tips bagaimana cara membuat tag cloud berputar di blog, atau label berputar di blog kita.

Caranya cukup mudah namun ada beberapa catatan bahwasanya tidak semua template dapat mendukung untuk dikasih tag cloud.

Oleh karena itulah sebelum mencoba sebaiknya download dahulu template blog kita.


Langkah-langkah membuat cloud label sebagai berikut :

1. Login ke blogspot
2. Klik Design/Rancangan kemudian Edit HTML dan centang Expand Templates Widget
3. Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'>
4. Copy paste kode di bawah ini tepat berada di bawah kode tadi
<b:widget id='Label99' locked='false' title='Tag Cloud Comulus 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("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("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 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>
5. Preview terlebih dahulu sebelum kamu save. Setelah berhasil baru simpan.

CATATAN :
1. Tag Cloud akan berjalan apabila komputer sudah terinstal adobe flash player.
2. Kita dapat merubah ukuran, background tag cloud, serta ukuran huruf nya