Membuat blogumus tag cloud



    Selamat malam teman semua, pada postingan saya yang lalu kita sudah membahas tentang cara memodifikasi tampilan label cloud blogger dan sekarang pada postingan saya kali ini kita akan membahas cara membuat blogumus tag cloud . seperti gambar di samping.
    langkah-langkahnya:



    1.login blogger,

    2.ke Tata letak

    3.Edit HTML

    4.Conteng Expand widget


    5.Back up template anda

    6.copas code berikut di bawah code <b:section class='sidebar' id='sidebar' preferred='yes'>



         <b:widget id='Label129' 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://elmubarok.fileave.com/labelclouds.js' type='text/javascript'/>


        <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.marewa.info'>marewa</a></div>


        <script type='text/javascript'>


        var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "180", "100", "7", "#000000");


        // uncomment next line to enable transparency


        //so.addParam("wmode", "transparent");


        so.addVariable("tcolor", "0xfffffff");


        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='24'><data:label.name/></a></b:loop></tags>");


        so.addParam("allowScriptAccess", "always");


        so.write("flashcontent");


        </script>


        <b:include name='quickedit'/>


        </div>


        </b:includable>


        </b:widget>

    7.Save template.

    Ket:

    1. Yang berwarna merah bisa Anda rubah sesuai keinginan Anda
    2. Angka 180 dan 100 merupakan width dan height dari label clouds, Anda bisa menggantinya sesuai ukuran sidebar Blog Anda
    3. Kode warna #000000 merupakan kode dari warna hitam yaitu warna dari lay out label clouds, gantilah dengan kode warna sesuai keinginan Anda
    4. Kode fffffff merupakan kode warna putih dari tulisan yang akan muncul, ganti kode warna tersebut dengan kode warna pilihan Anda
    5. Angka 100 merupakan kecepatan perputaran tulisan dalam label clouds, semakin besar angkanya semakin cepat perputara tulisan dalam label clouds, begitu juga sebaliknya
    6. Angka 24 merupakan ukuran tulisan yang akan muncul di dalam label clouds.

    Ingin mengetahui lebih banyak warna di sini

    Selamat mencoba....

    2 komentar:

    Karlz mengatakan...

    d blog q sdh terpasang ^_^

    izin copy ya.....:-)

    Posting Komentar

     
     
     

    About Me

    Foto Saya
    Fadliansyah(fo_fot)
    hal yg di lakukan dgn baik+niat yg baik...psti berhasil dgn baik.
    Lihat profil lengkapku

    Pengikut