Cara membuat tag cloud | kategori/label berputar di bloger/blogspot

Cara memasang tag cloud | kategori/label berputar di bloger/blogspot : Banyak cara dilakukan oleh para bloger untuk mempercantik tampilan blognya, mulai dari mengganti gambar kursor, mamasang recent post dengan thumbail/gambar, buat page flip dan masih banyak yang laiinya. Kali ini bungas akan berbagi mengenai cara membuat atau memasang tag cloud. Tag cloud berisi kumpulan label/kategori blog yang ditampilkan secara  berputar dan silih berganti dengan label lain.
Untuk membuat atau memasang tag cloud di bloger.blogspot anda silahkan ikuti langkah berikut.
1. Login ke bloger anda
2. Pilih template dan edit HTML
3. Sebelumnya cadangkan dulu template andah (unduh template) karena tidak semua template bisa terpasang tag cloud
4. Selanjutnya centang Expand Template Widget
5. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> 
6. Copykan kode di bawah ini tepat di bawah kode <b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='Label99' locked='false' title='Tag Cloud Comulus 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://sites.google.com/site/bloggerustemplatus/code/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://sites.google.com/site/bloggerustemplatus/code/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>
7. Pratinjau template anda, kalau tidak terjadi galat langsung simpan saja.

DEMO

9 comments:

  1. candra.. untuk mengatur ukurannya anda ubah angka 240 untuk lebarnya(widht) dan 300 untuk tingginya(height)
    "240", "300"

    ReplyDelete
  2. boleh tanya .
    buat menu serba-serbi trus ada sub menunya (pendidikan dll) gimana caranya ?

    ReplyDelete
  3. @atshusi,, untuk membuat menu seperti yang agan maksud silahkan baca di http://bungas-barubelajar.blogspot.com/2012/04/cara-buat-drop-down-menu-dengan-teknik.html

    ReplyDelete
  4. saya ingin coba ya sob, siapa tahu bisa, btw kok di blog sampean gak pakai ya?

    ReplyDelete
  5. Ini tutor yang saya cari. terimakasih bos. Mohon ijin coppas

    ReplyDelete