Rabu, 23 September 2009

Cara Buat Tag Cloud ( tag yang berputar-putar )

Mungkin ada diantara teman yang masih pemula yang senang menghias blog dengan membuat atau menambah tag (label) yang berputar ketika pointer mouse diarahkan ke tag atau label tersebut. Biasanya tag cloud ditempatkan di sidebar blog.
Anda bisa menambahkan script ke template anda untuk bisa menampilkan tag (label) cloud tersebut di sidebar.


Contohnya bisa dilihat di bawah ini:





Oke bro lang sung aja kita mulai dengan melihat gambar di bawah ini:

klik gambar biar gede




Pertama setelah login masuk ke Dasbord
  1. Pilih Tata letak.
  2. Edit HTML.
  3. Download template lengkap ( Gunanya untuk cadangan, kalau seandainya ada masalah dengan template nya nanti )
  4. Beri tanda centeng pada kotak Expand Template Widget.
  5. Cari code di bawah ini 
    <b:section class='sidebar' id='sidebar' preferred='yes'>

     ( Agar lebih gampang gunakan menu ( Edit > Fine on this page ) pada broswer anda copy code di atas paste di kotak fine lalu klik Fine Nex) kalau tidak ketemu terpaksa gunakan cara manual.      Kalau sudah ketemu copy code di bawah ini dan letakkan tepat di bawah code di atas,

<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>




  6.  Save template.
Dah rampung
Keterangan:
  • #ffffff adalah warna beground
  • 240 adalah Lebar widget
  • 300 adalah tinggi widget
  • 333333 adalah warna tex
Kalau sukses gambarnya kaya di SIDEBAR  samping. Mohon Maaf Scrip JS sudah tidak berfungsi akan segera di update Trimakasih.....

0 komentar:

Posting Komentar

 
Powered by Blogger