Home » » Cara Membuat Label Tag Cloud

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

Keterangan :
Mengubah lebar dan tinggi kolom serta warna background
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 backgroud

Write By : Khocet Dot Com ~ Panduan Gratis Adobe Photoshop,Blog,Puisi,Ragam Tips,Dan Bahan Ajar

Article : Cara Membuat Label Tag Cloud Post By : Khocet Dot Com
Terimakasih atas kunjungan serta kesediaan Anda membaca artikel ini. Kritik yang membangun serta pertanyaan dan saran dapat anda tuliskan melalui kotak komentar,semoga bermanfaat
Share this article :

0 comments:

Speak up your mind

 

Design By : Khocet Dot Com
Powered by Blogger