Thursday, June 9, 2011

Cara Membuat Tabel "Label" Berputar (Label Clouds)

Langsung Saja ya.. kita mulai cara pembuatan Tabel "label" Berputar Searah Jarum Jam.


  • Login Ke Account Blog Anda
  • Pilih Rancangan
  • Edit HTML
  • Kasih tanda ceklis pada Expand Template Widget
  • Sebelum anda memulai sebaiknya anda "back up terlebih dahulu template anda apabila terjadi kegagalan dalam pembuatan tabel "label" beputar nantinya.
  • Cari kode ini : <b:section class='sidebar' id='sidebar' preferred='yes'>  cara mencarinya tekan "ctrl+f (menggunakan keyboar)" paste kode di atas "klik find next". ketemu kan??.. kalau tidak ketemu cari yang ini saja <b:section class='sidebar' id='sidebar1' preferred='yes'>  jika tidak ketemu juga cari saja kode yang mirip seperti itu.. masalahnya template blogger berbeda2 
  • Copy seluruh kode dibawah ini, terus paste tepat dibawah kode di atas (yang tadi di cari). 


<b:widget id='Label100' 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'>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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='18'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Gantilah tulisan yang berwarna merah dengan tulisan yang ingin sobat tampilkan
Angka 240 dan 300 merupakan width dan height dari label clouds, ganti oleh sobat sesuai dengan ukuran lebar dan panjang sidebar blog anda
Kode warna #ffffff merupakan kode dari warna hitam yaitu warna dari lay out label clouds, gantilah dengan warna pilihan sobat
Kode 333333 merupakan kode warna putih dari tulisan yang akan muncul, ganti kode warna tersebut dengan warna pilihan sobat.
Angka 100 merupakan kecepatan perputarantulisan dalam label clouds, semakin besar angkanya semakin cepat berputarnya tulisan dalam label clouds, begitu juga sebaliknya,
Angka 18 merupakan ukuran tulisan yang akan muncul di dalam label clouds.

  • klik tombol (save) Simpan template.
  • Dan Anda Bisa Langsung Melihat Hasilnya.

0 comments: