Penjelasan umum seputar Tag Cloud Comulus:Tag Cloud Comulus ini sebenarnya terinspirasi dari flatform blog Wordpress, nah oleh salah dua blogger handal luar negeri yaitu Roy Tanck dan Amanda Fazani akhirnya dibuat juga untuk flatform Blogspotnya.
Jika berbicara fungsi, sebenarnya sama saja ketika kita menggunakan Labels bawaan dari blogspot itu sendiri, tetapi Tag Cloud Comulus ini jelas lebih menarik, tanya kenapa? Dari segi penampilan saja sudah tampil cantik, bisa berputar ketika mouse diarahkan dan memang lebih atraktif.
Jika berbicara fungsi, sebenarnya sama saja ketika kita menggunakan Labels bawaan dari blogspot itu sendiri, tetapi Tag Cloud Comulus ini jelas lebih menarik, tanya kenapa? Dari segi penampilan saja sudah tampil cantik, bisa berputar ketika mouse diarahkan dan memang lebih atraktif.
Ok, langsung saja ke Cara Membuat Tag Cloud Comulus Labels:
1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Cari kode berikut: <b:section class='sidebar' id='sidebar' preferred='yes'> (harap disesuaikan saja kodenya karena tidak semua templates sama)
4. Lalu copy pastekan kode di bawah ini persis 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>
<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. Sebelum di save harap dipreview terlebih dahulu, jika sudah terlihat tag cloud comulusnya baru di save templates.
6. Untuk merubah tinggi dan lebar ubah tulisan yang berwarna merah, untuk merubah warna background ubah tulisan yang berwarna hijau, untuk merubah besar kecilny tulisan tag label ubah tulisan yang berwarna biru.
Note: Keberhasilan dari membuat Tag Cloud Comulus bergantung pada templates yang teman-teman gunakan. Untuk demonya saya menggunakan templates default bawaan blogspot (molotovcoketail by Tina Chen).
NB. Jika kode swf yang saya tandai berwarna pink tidak bisa bekerja secara baik, coba ganti dengan kode swf berikut ini: http://www.swfcabin.com/swf-files/1275932799.swf
Ok, seperti itulah Cara Membuat Tag Cloud Comulus [Label Berputar] di Blogspot, semoga bisa bermanfaat dan selamat mencoba. Salam.
Thanks To: Roy Tanck dan Amanda Fazani