Cara Alternatif Install Widget Blogumus

image from www.bloggerbuster.com

Tentu sobat udah tau kan apa itu Blogumus? Cara untuk meng-install-nya pun sudah banyak di posting oleh para master blogger di antaranya Gin Vegas yang telah berbaik hati untuk menterjemahkan dari english version-nya sehingga kita semua lebih paham dalam cara” instalasi-nya.

Tag cloud berbasis teknologi Flash ini bernama Blogumus, merupakan versi untuk platform Blogger, aslinya dari WP-Cumulus, tag cloud berbasis flash yang dikembangkan oleh Roy Tanck. Sang jenius yang mengembangkan script Blogumus untuk platform Blogger ini adalah Amanda Fazani.

Metode instalasi Blogumus disini adalah versi alternatif, untuk berjaga-jaga terhadap munculnya "blank widget" Tidak ada perbedaan sama sekali antara versi alternatif dengan yang aslinya, kecuali bahwa versi ini lebih cepat dalam proses loading-nya dan dijamin 100% akan berhasil diterapkan di blog sobat jika sobat meng-install dengan tepat sesuai cara-cara di bawah ini. Namun bila sobat ingin memasang versi original-nya, silakan merujuk pada postingan aslinya di sini.

Pertama, Login ke blog sobat lalu masuk ke edit HTML. (biasakan untuk memback-up template sebelum sobat mengeditnya) Sudah di back-up? OK lanjut, Jangan memberi tanda centang pada "Expand Widget Templates", karena nanti akan menambah rumit proses pemasangan ini. Kemudian, cari baris code berikut :

<b:section class='sidebar' id='sidebar' preferred='yes'>

persis di bawah baris code tersebut tambahkan code 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'>

<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
</tags>" />
<p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
</object>

</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Selesai, klik preview/pratinjau dan lihat hasilnya bila instalasi sukses maka Widget Blogumus akan muncul pada sidebar sobat. Setelah itu silahkan di save template-nya!

Custom Blogumus Widget

Untuk meng-custom warna/lebar/tinggi widget agar sesuai dengan template sobat!

Secara default, ini warna dan ukuran widget:

• Lebar : 250px
• Tinggi : 200px
• Warna background : Putih
• Warna huruf : Hitam
• Ukuran huruf : 12

Untuk mengganti panjang/lebar widget, cari potongan code yang telah di masukkan tadi:

<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >

ganti angka berwarna merah untuk merubah lebar widget, sedangkan angka berwarna biru untuk merubah tinggi widget.

Untuk mengganti warna background/latar belakang widget:

<param name="bgcolor" value="#ffffff" />

ganti tulisan berwarna merah untuk merubah warna background.

Untuk mengganti warna huruf/text pada widget:

<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>

ganti tulisan berwarna merah untuk merubah warna huruf/text.

untuk mencari warna yang sesuai dengan template sobat silahkan sobat kunjungi HTML color code

Untuk mengganti ukuran huruf untuk tag/links pada widget:

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'>

ganti tulisan berwarna merah untuk merubah ukuran huruf.

Selamat mencoba!

Thank’s to Roy Tanck, Amanda Fazani, Gin Vegas

Related Posts :

Widget

• Foto Melayang