Membuat Label Animasi "blogumulus"

Blogumulus adalah sebuah label tag cloud berbentuk animasi atau label flash. Blogumulus bentuknya lebih unik karena teks label tag cloud ini bisa bergerak memutar seperti globe bila mouse kita arahkan ke area Blogumulus.
Blogumulus  awalnya bernama Tag-Cumulus yang diciptakan oleh Roy Tanck untuk pengguna Wordpress. Dan berkat kreatifitas Amanda Fazani sebagai pengguna  blogger, Tag-Cumulus sekarang dikenal dengan nama Blogumulus yang bisa dipakai di blogger. Maka kita bisa memasang widget tersebut di blog kita. Saran saya bila anda sudah membuat Tag Claud pada blog anda, sebaiknya anda hapus terlebih dahulu, sebab Blogumulus ini tidak akan muncul bila sudah ada Tag Cloudnya. Anda bisa lihat bentuk BlogulumusDISINI

Okey.... Bila anda berminat untuk membuat Blogumulus, langsung saja ikuti langkah- berikut ini :
1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. KLik tab Edit HTML.
4. Klik tulisan Download Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.
5. Cari kode di bawah ini atau yang mirip dengan kode ini , tanpa klik tombol "Expand Widget Templates" :


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

6. Copy kode di bawah ini dan paste tepat dibawah atau setelah 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'>
&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<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>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

7. Klik tombol SIMPAN TEMPLATE

Anda bisa merubah warna merah dalam kode diatas yaitu lebar, tinggi dan warna backgroundnya disesuaikan dengan keadaan Blog anda. Untuk kode-kode warna html, silahkan kunjungi di sini.

Nah ..., sekarang Selamat Mencoba...
Semoga bermanfaat.

Mohon luangkan waktu anda untuk meninggalkan komentar anda ya..... Terima kasih.

2 komentar:

  1. ok brow....mksih ya...kunjungi balik donk....

    BalasHapus
  2. makasih gan infonya udah jadi tu di blog ane....
    kunjungan balik ane tunggu....

    BalasHapus