Sabtu, 13 Agustus 2011

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

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email

12 komentar

COF
15 Agustus 2011 pukul 10.26 delete

Tips yang menarik sob, bisa membuat tampilan blog kita lebih mantap, terima kasih atas kunjungannya, sukses selalu untuk sobat.

Reply
avatar
15 Agustus 2011 pukul 12.41 delete

@COF: Iya Sob,.. sama2, terimaksih juga sudah berkunjung :)

Reply
avatar
19 Agustus 2011 pukul 16.51 delete

@NIsUS X-FILES: coba dicek lagi gan, mungkin ada script yang belum terpasang dengan benar.

Reply
avatar
28 Agustus 2011 pukul 22.50 delete

@Mas Pandu: Sama-sama Sob :)

Reply
avatar
28 Agustus 2011 pukul 22.50 delete

@Mas Pandu: Sama-sama Sob :)

Reply
avatar
Anonim
4 November 2011 pukul 11.36 delete

thank gan atas info nya....

:)

Reply
avatar
29 Desember 2011 pukul 13.57 delete

ko' ane gak bisa ya gan, pas ane pratinjau tertuliskan : "Lebih dari satu widget ditemukan dengan id: HTML4. ID Widget seharusnya unik.
Error 500 "

Reply
avatar

Tinggalkan Jejak, Meriahkan Berkomentar secara sopan :-)
Memasukkan link ke dalam komentar adalah SPAM, maka akan dihapus