Cara Memasang Blogumulus, Animasi Cloud Label Untuk Blogger

Bagi teman-teman yang memasang widget label blog untuk sidebar blog mereka dan merasa widget label bawaan dari Blogger kurang begitu menarik, bisa mengkustomisasi widget label blognya dengan menggunakan Blogumulus, animasi cloud label Blogger.

Blogumulus ini menampilkan label blog Anda dengan menggunakan animasi berbentuk seperti globe, ketika kursor menyentuh animasi maka akan bergerak sesuai dengan gerakan kursor tersebut. Menurut saya widget ini cukup menarik daripada widget cloud label bawaan dari Blogger itu sendiri.

Oke, daripada berlama-lama saya memberikan teori tentang Blogumulus ini, mending langsung praktek saja agar kita bisa lebih memahami tentang apa dan bentuk dari widget Blogumulus itu sendiri.

Cara membuat widget Blogumulus, animasi cloud label untuk Blogger :

1. Pertama, silahkan login ke akun Blogger

2. Kemudian sebelum mengedit, jangan lupa backup template Blog Anda

3. Pilih Template >> Edit HTML >> Centang pada "Expand Widget Template"

4. Kemudian cari kode

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

Ket : Ini adalah kode dari sidebar blog saya. Ada berbagai macam istilah untuk widget misalnya header, footer, bottom sesuaikan dengan dimana widget blogumulus ini ditempatkan.

4. Setelah itu, masukkan kode dibawah ini tepat dibawah kode no.3 (sesuai blog Anda)

<b:widget id='Label99' locked='false' title='Label Blogumus' 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>

5. Terakhir, silahkan di preview terlebih dahulu, jika tidak ada error silahkan klik simpan dan widget Blogumulus pun siap dipergunakan.

Setelah membaca tutorial diatas, saya harap teman-teman bisa mengerti dan bisa menerapkan apabila memang teman-teman inginkan.

Silahkan mencoba dan semoga bermanfaat ^_^