Memasang Tag Cumulus

Assalamualaikum. Mungkin tutorial di blog ini sama sahaja seperti di blog/laman web yang lain. Aku hanya mentejemahkan kedalam bahasa melayu untuk memudahkan anda memahami tutorial tersebut. Menurut sejarah, Tag Cumulus ni dibuat oleh Mr. Roy Tanck, tetapi telah diadaptasikan kepada pengguna blogger oleh Mrs Amanda. So, apa benda Tag Cumulus ni? hm. Tag Cumulus ni adalah satu plugin/widget yang digunakan untuk memaparkan Categori, Tag, Label, dan juga Entri korang. Tetapi, untuk blogger, Ia hanya memaparkan Tag/Label. Okeyla, contoh Tag Cumulus ni korang boleh lihat seperti gambar dibawah ataupun pada bahagian Tag Sphere di bahagian sidebar blog ini.

ScreenShot

Oklah. Aku akan buat 2 tutorial untuk memasang Tag Cumulus ini.

A- Untuk Pengguna Blogger Sahaja

01. Seperti biasa, korang perlulah masuk dahulu ke Account Blogger korang.

02. Klik pada Layout, dan seterusnya Edit HTML

03. Tick Expand Widget Template dan Cari coding dibawah.

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

Untuk lebih mudah tekan kekunci CRTL dan F secara serentak. Untuk Shortcut Keyboard yang lain anda boleh ke sini.

04. Dah jumpa. Paste coding ini dibawahnya.
Peringatan : Download backup theme anda sebelum mengubah apa-apa coding.

<b:widget id='Label99' locked='false' title='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://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'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
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>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

05. Dah boleh save dah.. Try la preview. Jadi tak?


Cara Untuk Mengubah Warna & Size

01. Korang tahu ke code HTML warna? Aku pun tak tau. Klik Sini

02. Ubah yang bertanda merah kepada saiz yang anda suka.

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

240 untuk lebar/width, 300 untuk tinggi/height

03. Nak tukar warna background tukar yang bertanda merah juga.

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

04. Sama juga untuk warna tulisan. Merah la jugak. Nape merah jerk. Ikut aku la.

so.addVariable("tcolor", "0x333333");

B - Untuk Pengguna Wordpress

01. Dapatkan plugin wp-cumulus terkini disini.

02. Uploadkan didalam wp-content > plugins.

03. Activekan plugin tersebut melalui plugin page.

04. Untuk mengubah warna/size pergi ke Options->WP Cumulus

Option Panel

05. Disini juga anda boleh mengubah warna dan size wp-cumulus tersebut.

Widget

Tambahan Untuk Pengguna Wordpress.

• Ia memerlukan Flash Player 9 atau keatas. (Blogger User pun kena ambik tahu)
• Anda hanya perlu menaip [wp-cumulus] untuk memaparkannya pada page/post.
• Gunakan code ini (<?php wp_cumulus_insert(); ?> ), untuk memaparkan ia di sidebar jika theme anda tidak membenarkan penggunaan sidebar widget/tiada sidebar ready plugin.

Sekian. Jika ada kesilapan, inform la aku di ruangan komen/ pada shoutbox..