Cara membuat Tag Cloud

 on Tuesday  

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.
Tag Could Culumus
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:

  1. Klick Menu Tata Letak lalu pilih Edit HTMl
  2. 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

  3. 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.
  4. Simpan, lalu Coba lihat hasilnya

Cara membuat Tag Cloud 4.5 5 Irfan Zack Tuesday Apa itu Tag Cloud? Kalau kita pisahkan dan mengartikan per kata maka didapat, tag artinya tanda, da...


No comments:

Post a Comment

J-Theme