Senin, 06 Februari 2012


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 yang banyak dikenal dengan nama Blogumulus pada waktu yang lalu bisa dipakai di blogger.  Tapi entah kenapa sekarang Javascript yang yang saya post pada artikel ini sudah tidak berfungsi.
Jadi saya harus update ulang artikel ini, agar sobat blogger yang tetap menginginkan animasi ini takkan kecewa. Untuk itu saya ucapkan terima kasih banyak pada sobat Apal dan sobat Amricow, karena komentar mereka saya jadi tahu kalau kode yang saya tampilkan sudah kadaluarsa...sa...sa....

OK....bila sobat tetap menginginkan animasi ini, saya ada solusi lain. Tapi animasi Blogumulus ini tidak menghubungkan dengan label atau tag cloud, melainkan kita memberi tag link secara manual. Walaupun demikianBlogumulus ini tidak kalah menarik dibanding dengan Blogumulus yang sudah kadaluarsa tadi.


LIHAT DEMO


Silahkan anda ikuti langkah - langkah berikut ini bila anda berminat membuat :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan dan pilih Elemen Laman



3. Tambah Gadget



4. Pada jendela baru anda Anda pilih gadget HTML/JavaScript


5. Copy dan paste kode dibawah ini pada gadget tersebut :
<div align="center" style="border: 5px solid rgb(198, 198, 198);
background:
-moz-linear-gradient(center top, #0B187C 0%,#ffffff 100%);
background:
-webkit-gradient(linear, left top, left bottom, color-stop(0,#0B187C),color-stop(1, #ffffff ));
padding: 0px;">

<script src="http://stashbox.org/921310/mastercumulus-bgs1-gr.js" type="text/javascript">
</script>
<div id="flashcontent">
<a href='http://www.carabuatwebgratis.com/' style='13'>Cara Buat Web Gratis</a></div>
<script type="text/javascript">
var so = new
SWFObject('http://www.swfcabin.com/swf-files/1275932799.swf', 'tagcloud',
'400', '200', '7', '#000000');
so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xfbfe01");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "150");
so.addVariable("tagcloud", "<tags><a href='ULR' style='15'>JUDUL</a><a href='ULR' style='15'>JUDUL</a><a href='ULR' style='15'>JUDUL</a></tags>");so.addParam("allowScriptAccess", "always");so.write("flashcontent");</script></div>
Catatam :
  • Nilai 400 adalah Lebar ruang animasi.
  • Nilai 200 adalah Tinggi ruang animasi.
  • Lebar div 100% (anda bisa menentukan ukuran sendiri).
  • Semakin banyak link yang anda masukkan akan terlihat lebih indah.
  • Untuk menambah tags / Link, harus rapat tanpa spasi atara link satu dengan yang lain seperti berikut :
<a href='ULR' style='15'>JUDUL</a><a href='ULR' style='15'>JUDUL</a>

6. SIMPAN