Cara mudah membuat Tag Cloud ( Categories/Label bergerak)

Hallo sahabat remix-7 sekalian, jumpa lagi bersama remix-7. Kali ini remix-7 akan share Cara mudah membuat Tag Cloud ( Categories/Label bergerak) pada blog. Dengan membuat Tag Cloud ini diharapkan blog bisa tampil lebih menarik dan tentunya pengunjung tidak merasa bosan. Selain itu Tag Cloud ini ternyata memiliki manfaat secara tidak langsung terhadap label/kategori yang ada pada blog kita dapat terpilih secara random dan tentunya ini menambah pageviews pada blog kita, dan sebagai pemilik blog tentunya kita merasa senang kalau page blog kita terus di buka oleh pengunjung. 

Itulah tadi sedikit ulasan mengenai manfaat dari membuat Tag cloud ini menurut saya, dan langsung saja ke cara pembuatannya, langkah-langkahnya adalah:

1.     Log in ke akun blogger anda
2.     Pilih rancangan
3.     Pilih edit html
4.     Centang expand template widget
5.     Cari kode <b:section class='sidebar' id='sidebarleft' preferred='yes'> atau <b:section class='sidebar' id='sidebarright' preferred='yes'> atau <b:section class='sidebar' id='sidebar' preferred='yes'>
6.  Letakkan kode dibawah ini tepat di bawah salah satu kode di atas                          <b:widget id='HTML4' locked='false' title='Translate' type='HTML'>
   <b:includable id='main'>
     <!-- only display title if it's non-empty -->
     <b:if cond='data:title != &quot;&quot;'>
       <h2 class='title'><data:title/></h2>
     </b:if>
     <div class='widget-content'>
       <data:content/>
     </div>
   </b:includable>
   </b:widget>
   <b:widget id='Label99' locked='false' title='Categories' 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;200&quot;, &quot;200&quot;, &quot;7&quot;, &quot;#151515&quot;);
   // uncomment next line to enable transparency
   //so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
   so.addVariable(&quot;tcolor&quot;, &quot;0x00FF00&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. Save dan lihat hasilnya

Catatan:
jika blog anda terdapat dua buah sidebar maka letakkan kode pada no.6 dibawah salah satu kode dibawah ini, sidebarleft berarti sidebar bagian sebelah kiri (seperti pada blog saya ini) dan sidebarright berarti sidebar bagian sebelah kanan. 

1. <b:section class='sidebar' id='sidebarleft' preferred='yes'> 
2. <b:section class='sidebar' id='sidebarright' preferred='yes'>

Anda bisa merubah :


warna hijau 200 merupakan tinggi dan lebar tag cloud
warna merah #151515 merupakan background tag cloud
warna biru 0x00FF00 meruapkan warna huruf tag cloud, dan
warna kuning 12 merupakan ukuran huruf tag cloud


demikianlah tips kali ini, semoga tips ini bermanfaat buat sahabat sekalian, wassalam :-).

Artikel Terkait

Cara mudah membuat Tag Cloud ( Categories/Label bergerak)

4/ 5

Oleh ADMIN BB

ADMIN BB 01.30 12 Komentar