Beberapa saat terakhir ini Josh heran melihat tag blogumulus tidak tampil sempurna pada blog ini. Padahal dulu berjalan dengan baik...
Josh lalu cari masalah ini di Om Google, namun kebanyakan info yang tersaji adalah yang Josh sudah pakai dan walaupun Josh perbaharui kodenya tetap tidak tampil blogumulusnya...
Akhirnya Josh melihat langsung ke website perancang blogumulus ini yaitu : www.bloggerbuster.com milik Amanda Fazani... dan Josh mendapat jawabannya tentang Alternative installation for Blogumus (fixes the blank widget problem), serta sukses menampilkan kembali blogumulus ini.
Terima kasih Amanda Fazani... :)
Bagi kita yang belum mengetahui apa itu blogumulus atau yang mengalami hal serupa dengan Josh, mungkin bisa mengunjungi web Amanda Fazani untuk mendapatkannya.
Blogumus adalah awan tag atau labels animasi widget untuk blog powered Blogger, yang telah terbukti widget paling populer yang pernah dipublikasikan. (salah satu contohnya kita bisa menjumpai 'Labels' blog ini yang tulisannya melayang-layang berwarna putih)
Pertama kali Blogumulus diciptakan oleh Roy Tankc tapi cuma terbatas untuk pengguna Wordpress dan tidak bisa untuk di pakai dalam Blogger. Tapi Amanda Fazani sudah menyempurnakan widget ini sehingga bisa dipake di dalam blogger.
Sebagian besar blogger telah mampu memasang widget ini berbasis flash berhasil menggunakan petunjuk instalasi default. Namun, bagi mereka menggunakan nama label yang panjang atau yang memiliki banyak JavaScript / widget berbasis Flash yang hadir dalam tata letak blog mereka, tampaknya ada widget "kosong" masalah di mana Blogumus hadir tetapi tidak akan menampilkan tag animasi.
Jika kita mengalami masalah dalam menampilkan Blogumus di template Blogger kita, metode alternatif untuk instalasi harus mengaktifkan Blogumus untuk menampilkan dengan benar.
Untuk cara yang sebelumnya adalah sbb :
1. Login ke blogger.
2. Klik Tata Letak (page layout).
3. Klik Edit HTML.
4. Klik “Download Template Lengkap” (agar templatenya bisa di kembalikan bila salah).
5. cari kode semacam ini (untuk mempermudah pencarian gunakan ”CTRL+F”):
<b:section class='sidebar' id='sidebar' preferred='yes'>6. Copy scrip di bawah ini lalu paste dibawah kode yang tadi.
<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></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. klik simpan template (save)
Bila gagal, coba menggunakan cara terbaru dari Amanda Fazani ini :
Metode instalasi ini sebenarnya mirip dengan yang asli diatas.
Pertama, pergi ke Layout> Edit HTML pada dashboard Blogger. Jangan mencentang widget "Expand Template" kotak karena hal ini akan memperumit proses!
Menggunakan fungsi pencarian browser Anda, menemukan baris ini dalam kode template Anda:
cari kode semacam ini (untuk mempermudah pencarian gunakan ”CTRL+F”):
<b:section class='sidebar' id='sidebar' preferred='yes'>Setelah itu, sisipkan kode berikut:
<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://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<param name="movie" value="http://sites.google.com/site/bloggerustemplatus/code/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>Sekarang preview template. Jika instalasi berhasil, widget Blogumus muncul di sidebar. kita kemudian dapat melanjutkan untuk menyimpan template.
Versi Blogumus harus menampilkan semua label tanpa masalah, dan dapat dipindahkan ke bagian lain dari tata letak Anda melalui layar Layout> Elemen Halaman.
Untuk merubah tinggi lebarnya ganti width="250" height="200" pada :
<object type="application/x-shockwave-flash" data="http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >Untuk merubah warna background, rubah code warna #ffffff pada :
<param name="bgcolor" value="#ffffff" />
Untuk merubah warna text, rubah code warna 0x000000 pada :
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>Untuk mengubah ukuran tag / link, rubah angka 12 pada :
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'>Demikianlah sedikit pengalaman Josh dengan blogumulus. Semua keterangan ini Josh dapatkan dari web Amanda Fazani di www.bloggerbuster.com silahkan berkunjung kesana... :)
Regards,
Joshaxis
Silahkan berbagi dengan teman melalui tombol-tombol share ini...
- Stumb
- Icious
- Tech
- Twitt
- F.B.
- Redit
- Furl
- Mixx
- Design
- B.Mark
- B.List
- Diigo
