Friday, December 5, 2008

Apa Itu Blogumus?



Blogumus adalah satu "tag cloud" label yang dibangunkan oleh Roy Tanck's WP cumulus untuk plugin Wordpress. Walaupun berapa banyak pun label yang anda ada, dengan blogumus, pasti senarai itu tidak akan menjela-jela. Hanya lalukan cursor mouse anda dan ia akan berjalan sendiri. Blog aku pun ada, boleh scroll ke bawah kalau nak tengok

Macam mana ia dibina?

Widget ini dibina menggunakan skrip java dan juga flash yang mempunyai animasi memaparkan label-label blog anda. Dengan hanya sekali copy and paste sahaja, ia terus boleh digunakan tanpa perlu diubah sana sini. Sudah tentu apa yang perlu anda ada ialah browser internet yang menyokong fungsi flash dan juga java.

Macam mana nak install dalam blog?

Senang sangat, hanya copy and paste, mungkin anda perlu ubah warna mengikut kesesuaian blog anda. Pergi ke Layout ---> Edit HTML di dashboard blog anda dan cari phrase yang serupa atau lebih kurang sama dengan ini. (tekan Ctrl + F untuk firefox)

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


Sebaik sahaja jumpa seperti diatas, pastekan code ini


<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>


Selepas itu, anda boleh preview dan ubah mana yang perlu.

Mengubah ciri-ciri blogumus.

Dalam code yang diberi tadi, secara asalnya, blogumus anda adalah

  • background putih
  • test color adalah kelabu
  • lebar 240px
  • tinggi 300px
  • saiz font "12"
jika anda rasa anda ingin mengubahnya mengikut blog anda, anda perlu cari phrase ini.

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
yang berwarna merah itu adalah lebar blogumus itu dan biru itu pula adalah sebaliknya, #ffffff itu adalah warna background "putih". Manakala untuk warna tulisan pula anda cari code ini

so.addVariable("tcolor", "0x333333");
333333 itu adalah warna kelabu. Tukarkan ikut kesesuaian anda.
Selamat berjaya.

No comments: