Widget ini akan beraksi kalo pointer mouse dideketin ke widget ini.
Membuat Label Bergerak akan mempercantik website atau blog milik sobat, sehingga terlihat menarik dan lebih profesional. Membuat Label Bergerak cukup ikuti step by stepnya dijamin bisa dan sangat mudah dilakukan, caranya sebagai berikut:
1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. KLik tab Edit HTML.
4. Klik tulisan Download Template Lengkap (ini untuk memback-up bila terjadi kesalahan). agar templatenya aman.
5. Cari kode yang mirip dengan kode di bawah ini :
<b:section class='sidebar' id='sidebar' preferred='yes'>6. Copy kode di bawah ini kemudian taruh kode tersebut (paste) dibawah kode di atas.
- <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>
Posted by <a href='http://adesyams.blogspot.com/'>Ade'S
Tricks</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>
7. Kemudian Save Template anda.
Note : Agar tampilan label animasi ini serasi dengan templet blog anda, sesuaikan kode-kode berikut dengan templet yang dipakai. Misal: Merubah lebar, tinggi dan warna background. Variable untuk lebar dan tinggi ada pada baris script berikut,
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
240 menunjukkan lebar widget. 300 menunjukkan tinggi widget. #ffffff menjukkan warna background. 100 menunjukkan kecepatan putaran. Merubah warna text. Variable untuk lebar dan tinggi ada pada baris script berikut,
so.addVariable("tcolor", "0x333333");
"tcolor" adalah flash variable, jadi pastikan hanya mengganti angkanya saja. Merubah ukuran font. Variable untuk lebar dan tinggi ada pada baris script berikut,
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>");
12 menujukan ukuran font yang digunakan. ~> bila anda menginginkan background yang transparan, maka anda tinggal menghapus tanda // dari script di atas
//so.addParam("wmode", "transparent");
Nah, silahkan anda ganti kode-kode pada variabel di atas sesuai dengan kebutuhan template anda.
Semoga Berhasil.
Sumber: www.maskolis.com
