Blogumus "adalah Flash tag cloud widget yang menggunakan konversi script dari Roy Tanck's WP Cumulus plugin untuk Wordpress. saya sangat suka sekali plugin karya Roy Cumulus ini ketika saat pertama kali saya melihatnya, dan kita hanya harus belajar bagaimana mengubah plugin ini agar bisa digunakan di Blogger blog. Hasilnya adalah widget yang dapat Anda lihat seperti pada gambar di atas,.atau anda bisa melihat bagaiman effect animasi dari widget tersebut dengan cara menggerakan mouse anda ke atas objek Flash widget tersebut. Pada posting ini, saya akan menjelaskan bagaimana caranya agar anda dapat menambahkan
Widget Tag Cloud Animasi tersebut pada blog anda.
Cara untuk memasang widget ini pada template blog anda tidaklah begitu sulit yaitu dengan Cara pada menu dashboard anda klik Tata letak >> Edit Html terus anda cari kode dibawah ini pada halaman Edit Html.
<b:section class="sidebar" id="sidebar" preferred="yes">
Bila anda telah menemukankode tersebut, kemudian anda paste kan kode dibawah ini tepat dibawah kode yang anda cari tadi.
<b:widget id="Label99" locked="false" title="Labels" type="Label">
<b:includable id="main">
<b:if cond="data:title">
</b:if></b:includable></b:widget></b:section>
<h2>
<data:title></data:title></h2>
<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></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">
</b:include></div>
Kemudian anda klik save atau simpan, setelah itu anda lihat blog anda untuk melihat bagaimana perunaham tamiplan blog anda setelah anda melakukan penambahan kode2 tersebut.
Untuk merubah tampilan widget tersebut sesuai keinginan anda anda hanya perlu merubah beberapa bagian code yang anda tambahkan tadi,karena Secara default widget ini di set dengan rincian sebagai berikut
Bila anda ingin merubah bentuk tampilan widget tersebut sesuai dengan selera anda,misalnya memperlebar, mempertinggi, merubah warna background, warna text serta ukuran textnya, anda cukup merubah sebagian dari code tersebut seperti pada rincian sebagai berikut :
Cari dan rubah code yg saya warnai dibawah ini sesuai dengan keinginan anda
example/tagcloud.swf", "tagcloud", "
240", "
300", "7", "#
ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x
333333");
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>");
- 240 = Lebar, ganti sesuai keinginan anda misalnya jadi 200
- ffffff = Warna Background , ganti sesuai keinginan anda misalnya jadi 0000 untuk warna hitam
- 333333 = warna text, ganti sesuai keinginan anda misanya jadi ff000
- 100 = Tinggi, ganti sesuai keinginan anda misanya jadi 150
- ‘12’ = Ukuran text, ganti sesuai keinginan anda misanya jadi 16
- 100 = Adalah ukuran untuk kecepatan gerakan teks, silahkan anda ganti sesuai keinginan anda misalnya 150, semakin besar maka akan semakin cepat gerakan animasi teks nya.
Selamat mencoba dan semoga bermanfaat, salam blogger mania
3 comments:
Keren Paman Tutorial nyaa
ooowww... thx :)
kok di template saya gak ada kata :
bisa bantu gak?
Post a Comment