UNTUK CLOSE : KLIK LINK IKLAN DI BAWAH 1 KALI AGAR MELIHAT FULL ARTIKEL ^^


Rabu, 07 Maret 2012

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

Tidak ada komentar:

Posting Komentar