Cara Membuat Tag Cloud di Blog - Digital Solutions by Leafcoder

Cara Membuat Tag Cloud di Blog




Hallo kawan, seperti biasa. Share Trik lagi nih...

Kali ini tentang Cara membuat Tag Cloud.
Apa itu Tag Cloud?
Hehehe
Yap! Tag cloud atau disebut juga label cloud merupakan daftar semua label yang digunakan untuk menandai suatu artikel. Tapi kali ini saya akan membuatkan Tag Cloud yang Spesial dan Istimewa yaitu Model Tag Cloud Animasi. Yuk, Intip Step by stepnya ;)


-- Pertama, pilih Tata Letak > Edit HTML

-- Kedua, centang Expand Template Widget

-- Ketiga, cari kode di bawah ini :

<b:section class='sidebar' id='sidebar' preferred='yes'>
Kalo udah dicari tapi ga ketemu, cari yang ini :
<b:include name='quickedit'/> /b:includable></b:widget>


-- Keeempat, Kalau sudah ketemu taruh script berikut ini di bawahnya.



<b:widget id='Label99' locked='false' title='Tag Cloud' 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/ruangsc/enes/swfobject.js' type='text/javascript'/>

<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://twitter.com/kurniasepta'>@kurniasepta</a> Distributed by <a href='http://kurniasepta.blogspot.com'>Belajar Ngeblog di Blog</a></div>

<script type='text/javascript'>

var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "245", "180", "7", "#333333");

// uncomment next line to enable transparency

//so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0xffffff");

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>



-- Nah, kalo udah. Klik Save Template. Lihat Perubahannya :)


Ini hasilnya :








*Sebenarnya kalian bisa kustomisasi widget ini sesuai dengan keinginan kalian,pintar-pintar mainin kodenya aja ;)
Jangan lupa balik lagi yaaaa... ;)
SALAM ...

Posting Komentar

2 Komentar

  1. gan, hasilnya dri ntu cloud di kasi liat donk, biar tau saya fungsinya untuk apa... ok?

    BalasHapus
  2. @boleh: sudah gan, silahkan di cek lagi... Fungsinya untuk menampilkan label dalam animasi. agan bisa lihat di widget paling atas (diatas widget jam) :)
    Ok?
    Semoga bermanfaat....

    BalasHapus




Contact us

Jasa SEO Leafcoder
Support Leafcoder.org
Hi there! We accept any donation via PayPal, hope the articles we provide can always be helpful.