Tuesday, July 7, 2009

Cara Bikin Tag Cloud Melayang


TAG CLOUD MELAYANG
Kemarin pas lagi jalan-jalan didunia maya aku ngelihat web dengan tampilan Tag/Label dengan tulisan yang melayang, bukan yang cuman diem aja.., tapi bergerak bebas saat cursor mouse didekatkan, karena penasaran akhirnya ngorek informasi dari mbah 'Google',
alhasil aku nemuin caranya, ternyata nama tagnya "Cumulus",dengan tampilan flashnya, dan bisa diterapkan tuk blogspot, tapi yang template baru ya..
Susah nggak...?, tentu saja tidak Maria....( kayak telenovela aja..),
Gini nih caranya..


* Pertama masuk ke account Blogger.
* Kedua kalau belum ada widget Labels, Add dulu Widgetnya, judulnya terserah, disini saya pake TAG CLOUD.
* Ketiga kebagian Layout, pilih Edit HTML, jangan lupa tuk ceklist di Expand Widget Template ( tuk jaga-jaga mendingan backup pake Download Full Template )
* Kempat cari kode ini
<b:section class='sidebar-box' id='sidebar2' preferred='yes'>

Kalo mo cepet pake Ctrl+F dan Copy Paste code diatas
* Kelima Copy Paste code dibawah ini
<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>

tepat dibawah kode
<b:section class='sidebar-box' id='sidebar2' preferred='yes'>


Klo mo dirubah ukuran Panjang lebarnya cari kode ini
&quot;240&quot;, &quot;300&quot

Klo mo rubah warna backgroundnya cari kode ini
&quot;#ffffff&quot

Klo mo rubah warna tulisan tinggal cari kode ini
&quot;0x333333&quot

Tulisan dengan warna merah yang harus anda edit klo mo melakukan perubahannya
* Kenam Save Template anda dan nikmati hasilnya.

Semoga Bermanfaat

Wassalam

1 comments:

Mas Jacky on July 7, 2009 at 9:21 AM said...

testing

Post a Comment

 

Blogspot Tutorial. Copyright 2009 All Rights Reserved Black Cool by Masjacky