Warung Online

Cara Bikin Tag Cloud Melayang

Posted by cyber On Thursday, February 3, 2011 0 comments

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"
Semoga artikel Cara Bikin Tag Cloud Melayang bermanfaat bagi Anda.

Jika artikel ini bermanfaat,bagikan kepada rekan melalui:

Post a Comment

Langganan artikel lewat email

Enter your email address:

Delivered by FeedBurner

AutoSurf Traffic Exchange: Powerful Results with SEO tips | 10KHits - 10KHits provides quality traffic hits to your personal or business websites.
Loading

Sobat BlogCare Mau Tukar Link? Copy/paste code HTML berikut ke sidebar blog sobat

semua jadi satu

Entri Populer

Recent Comment

Followers