membuat label berputar

Membuat label berputar,melayang, cloud. banyak cara untuk membuat agar tampilan label pada blog dapat berputar. salah satu cara yang akan saya kasih tahu sekarang menerapkannya secara otomatis karena adapula cara membuatnya yang manual yaitu memasukan satu demi satu nama labelnya biasanya cara ini lewat tambah gedget.
Setelah anda masuk ke blogger atau draft blogger dengan akun anda, masuklah ke menu Rancangan lalu pilih Edit Html,silahkan anda memberi centang pada kotak Expand Template widget.

Carilah kode <b:section class='sidebar' id='sidebar' preferred='yes'>
jika tidak ada silahkan cari saja kode yang mirip dengan kode tersebut.
Untuk memudahkan pencarian tekan saja tombol Ctrl dengan huruf "F" secara bersamaan pada keyboard komputer anda ( tekan Ctrl+F ) atau tekan F3 Sampai muncul kolom pencarian. Lalu masukkan kode yang dicari kedalam kotak tersebut

Jika sudah ketemu kodenya taruh diatas kode <b:section class='sidebar' id='sidebar' preferred='yes'>
Script dibawah ini :
<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>

Keterangan kode :
silahkan sesuaikan dengan keinginan
"240" untuk mengatur lebar area label
"300" adalah tinggi area label.
"#ffffff" adalah warna area label/background
"12" ukuran huruf atau tulisan
"333333" warna huruf/tanpa embel2 tanda # (sesuaikan dengan warna latar).
"300" adalah ukuran kecepatan saat maus didekatnya.

Tinggal klik simpan ( Save ) lalu lihat  hasilnya.

0 komentar:

Posting Komentar