Selasa, 25 Januari 2011

Cara membuat tag cloud (label berputar/tag berputar pada blog)



Mungkin ada diantara teman yang masih pemula yang senang menghias blog dengan membuat label berputar atau menambah tag berputar ketika pointer mouse diarahkan ke tag atau label tersebut maka tag akan berputar, jika mengklik salah satu tag akan membuka sebuah halaman sesuai tag bersangkutan. . Biasanya tag cloud ditempatkan di sidebar blog. Anda bisa menambahkan script ke template blogger untuk  menampilkan tag (label) cloud tersebut di sidebar. ok langsung wae:

  1. Login ke blog anda
  2. Klik dashbord lalu Edit Html
  3. Cari kode berikut   <b:section class='sidebar' id='sidebar' preferred='yes'> atau <b:section-contents id='sidebar-right-1'>
  4. Lalu masukkan kode berikut di bawahnya

    <b:widget id='Label99' 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://sites.google.com/site/bloggerustemplatus/code/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://sites.google.com/site/bloggerustemplatus/code/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>


  5. Lalu simpan

    catatan yang terakhir :
    Jika di blog tempat 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. Pilih option Cloud.



    Untuk scripnya tement2 bisa edit sendiri.. Selamat berkreasi.
    Semoga Membantu.

4 komentar:

mail mengatakan...

Wah,, berhasil gan... terimakasih..
tapi saya hilangkan dulu,,,
kunjung balik yha gan...

Bloger blittar mengatakan...

succses bro,, lihat dan kunjung balik,,,

sibutiz mengatakan...

wach,mantabs nich ka tuto nya..
maksih ya.

Agus Balibo mengatakan...

oke gan,,, terima kasih kunjungannya,,,
all@ skarang ane yg kunjung balik kesana,,,,
bagi2 tips dan artikel ya,,, salam bloger

Posting Komentar

Bagi yang ingin komentar silahkan !!