Jumat, 25 Maret 2011

Membuat cloud label (label Awan)


Label awan merupakan salah satu bentuk kumpulan daftar label yang ditampilkan seakan-akan berada di atas awan. Trik blogger ini juga sangat menarik untuk di adopsi dalam blogspot. Kalau biasanya kamu hanya menggunakan label default bawaan widget atau gadget blogger.com, sekarang kamu memiliki salah satu variasi. mungkin ada yang berminat ikuti langkah-langkah di bawah ini.
  • Log in dulu ke blogger
  • Pilih Tata Letak
  • Edit HTML
  • Download dulu Tamplate anda <<>>
  • centang "Expand Template Widget"
  • cari kode <b:section class='sidebar' id='sidebar' preferred='yes'>
  • lettak kan kode di bawah ini persis di bawah kode <b:section class='sidebar' id='sidebar' preferred='yes'>
    <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://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>
Catatan:
  1. Ganti kode yang berwarna merah dengan lebar area label ("240"), tinggi area label ("300"), dan warna area label (#ffffff) sesuai dengan ukuran elemen halaman (lokasi peletakkan label awan) di blog kamu.
  2. Rubah warna hijau (333333). ini Khusus untuk perubahan warna teks
  3. Atur putaran kecepatan dengan mengganti kode berwarna biru (100), makin besar makin cepat.
  • Kemudian Simpan
Selamat Mencoba............

Tidak ada komentar:

Posting Komentar