Apa itu Tag Cloud? Kalau kita pisahkan dan mengartikan per kata maka
didapat, tag artinya tanda, dan cloud artinya awan. Tetapi jangan
diartikan sebagai "tanda awan". Dalam dunia SEO, tag cloud dartikan
sebagai kumpulan penanda yang akan mewakili web mengenai isi content,
penanda tersebut berupa kumpulan kata/keyword yang biasanya dibedakan
dengan besar kecilnya huruf tiap kata yang ditampilkan. Semakin tebal
atau semakin besar ukuran huruf berarti website dominan dengan kata
tersebut.
Sedangkan kali ini kita akan membuat Tag Culumus atau
Tag Animasi yaitu daftar tag yang berputar-putar saat disotot oleh
cursor. Anda pasti melihat label atau kategori
artikel berputar-putar di samping kanan blog saya, nah itu lah yang
disebut tag cloud atau culumus tag. Berikut Cara untuk membuatnya:
- Klick
Menu Tata Letak lalu pilih Edit HTMl
- Cari baris kode
berikut
<span style="font-style: italic;"><b:section class="sidebar" id="sidebar" preferred="yes">
untuk pengguna Mozilla Firefox cukup Copy script di atas kemudian tekan Ctrl+F kemudian paste dikotak Find - Kemudian Masukan 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>
Ket:
- "tagcloud", "240", "300", Nilai 240 menunjukan Lebar ( Width) pada animasi sedangkan 300 menunjukan nilai tinggi animasi
- "#ffffff" menujukan warna Background Animasi (putih)
- "tcolor", "0x333333" menujukan warna Text Animasi (Hitam)
- anda dapat mengatur sendiri parameter tersebut sesuai dengan keinginan anda agar sesuai dengan design blog anda. - Simpan, lalu Coba lihat hasilnya
No comments:
Post a Comment