Sabtu, 12 Mei 2012

Cara Membuat Label 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. 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 yang tertera diatas tadi

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

Keterangan :
Huruf "Labels" adalah nama label anda
Angka "
200" adalah lebar kolom yang bisa anda ubah sesuai keinginan anda
Angka "
200" adalah tinggi kolom yang bisa anda tentukan sendiri
Sedangkan #
 e3e0e0 adalah kode warna background

 

Copyright @ 2013 Mahadzikunuha.