Cara Bikin Tag Cloud Melayang

Cara Bikin Tag Cloud Melayang

Posted in

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

<em><b:section class='sidebar-box' id='sidebar2' preferred='yes'>.</em>


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


&quot;240&quot;, &quot;300&quot
Klo mo rubah warna backgroundnya cari kode ini

"#ffffff"

Title: Cara Bikin Tag Cloud Melayang; Written by Unknown; Rating: 5 dari 5