Cara Membuat Tag Cloud

Untuk memperindah tampilan label pada blog anda, anda bisa menggunakan Label Tag Cloud. Tampilan label animasi yang berputar bila mouse menyentuh label yang sudah anda buat. Demonya bisa anda lihat di sidebar kanan blog ini.

Anda beerminat ?? Berikut adalah langkah-langkahnya.

1. Login Blogger.com
2. Di dasbor sobat pilih Rancangan >> Edit HTML
3. Expand template widget
4. Gunakan Ctrl+F untuk menemukan yang persis seperti kode berikut :

<b:section class='sidebar' id='sidebar' preferred='yes'>

Setelah ketemu letakkan kode berikut persis dibawah kode pada no 4

<b:widget id='Label99' locked='false' title='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'><a href='http://www.roytanck.com/'/><a href='http://www.bloggerbuster.com'/></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;200&quot;, &quot;200&quot;, &quot;7&quot;, &quot;#e3e0e0&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>

Terakhir…simpan template anda.

Read more: khoccet.comxzz1tcd2ItnB

Posted in: blog