Pasang tag cloud atau tag berputar

Mungkin teman-teman semua sudah banyak yang tahu tentang penggunaan tag cloud atau tag berputar. Penggunaan tag cloud ini di samping untuk menghemat ruang pada blog dapat juga di katakan sebagai penghias blog karena bentuknya yang unik, unik karena jika pointer mouse diarahkan ke tag atau label tersebut maka tag tersebut akan berputar.sungguh menarik^^.

Anda bisa menambahkan script ke template anda untuk bisa menampilkan tag (label) cloud tersebut di sidebar.
Contohnya bisa dilihat di bawah ini




Untuk menambahkan tag cloud ke sidebar blog anda,bisa lakukan langkah-langkah berikut:
1. Login ke dashboard
Pilih Tata Letak -> Edit Html

2. Cari kode berikut

<b:section class='sidebar' id='sidebar' preferred='yes'>
Setelah kode di atas masukkan kode berikut
<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'>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://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>
3. Simpan template

Catatan:
Jika di blog anda memasang tag cloud dan tag daftar/text, biasanya tag cloudnya belum muncul.Jika tag cloudnya belum muncul coba di setting manual widget label yang ada di sidebar blog anda. Pilih option Cloud.

keterangan:
Jika ingin mengubah warnanya dan ukurannya anda bisa coba ganti beberapa variabelnya tagcloud sesuai keinginan anda
a. 240 adalah lebar widget , 300 tinggi widget (sesuaikan dengan blog anda),
b. #ffffff adalah warna background, warna backgroundnya bisa anda ganti dengan warna lain
3. so.addVariable("tcolor", "#ffffff"); dimana , #ffffff warna teks hitam.

0 komentar "Pasang tag cloud atau tag berputar", Baca atau Masukkan Komentar

Posting Komentar

Jika artikel ini bermanfaat bisa dishare gan, tapi ingat selalu cantumkan sumber jika ingin copas artikel ini