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.
sebelem ke pembahasan aku kasih tau nih kalo sebelumnya sudah saya posting tentang
pasang logo bank diblog untuk beri donasi
Setelah anda masuk ke blogger atau draft blogger dengan akun anda, masuklah ke menu Rancangan lalu pilih Edit Html
Kalo sudah, silahkan anda memberi centang pada kotak Expand Template widget.
Kemudian....
Carilah kode <b:section class='sidebar' id='sidebar' preferred='yes'>
kalo 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.
Kalau sudah ketemu kodenya taruh diatas kode <b:section class='sidebar' id='sidebar' preferred='yes'>
Script dibawah ini ( dicopy paste aja )
<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>
<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 :
"333333" warna huruf/tanpa embel2 tanda # (sesuaikan dengan warna latar).
"300" adalah ukuran kecepatan saat maus didekatnya.
Kalo sudah berarti pekerjaan telah selesai.
silahkan anda sesuaikan:
"240" untuk mengatur lebar area label
"300" adalah tinggi area label.
"#ffffff" adalah warna area label/background
"12" ukuran huruf atau tulisan"#ffffff" adalah warna area label/background
"333333" warna huruf/tanpa embel2 tanda # (sesuaikan dengan warna latar).
"300" adalah ukuran kecepatan saat maus didekatnya.
Kalo sudah berarti pekerjaan telah selesai.
Tinggal klik simpan ( Save ) lalu lihat deh hasilnya.
Tinggal komentarnya neh....
http://fahimmunjul.blogspot.com