Monday, April 23

Cara Membuat Label Tag Cloud

Untuk memperindah tampilan label pada blog,kita bisa menggunakan Label Tag Cloud.
Tampilan label animasi yang berputar bila mouse menyentuh label yang sudah anda buat.
lihat gambar dibawah ini:
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'>


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

      6. kode warna merah bisa di setting sesuai keinginan
      
      7. Save template dan lihat hasilnya

No comments:

Post a Comment