Cara Membuat Label Berputar

Written By Prastito novalino on Selasa, 15 November 2011 | 2:39 PM

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 label berputar . 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 Hijau 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....
Related Post :

0 komentar:

Posting Komentar

 
SELAMAT DATANG DIBLOG SAYA, HANYA BLOGGER SEJATI YANG SETIA MEMBERIKAN KOMENTAR DI SETIAP ARTIKEL :)