Cara Membuat Label Animasi (Blogumulus) di Blogspot

blogger templates
Cara Membuat Label Animasi (Blogumulus) di Blogspot | Kalau dilihat dari judulnya apa sih blogumulus? Blogumulus itu adalah label atau kategori yang dibuat dengan flash animation. Gerakan dari label yang dibuat flash animation akan bergerak kesana-kesini apabila mouse didekatkan dan kecepatan bergeraknya nantinya bisa anda tentukan sendiri.

memasang label blogumulus

Berikut langkah untuk cara pasang label animasi flash / blogumulus:
1. Login ke blogger
2. Pilih Rancangan
3. Pilih Edit HTML. 
4. Backup dulu template anda
5. Centang kotak kecil sebelah Expand widget templates
6. Anda cari kode yang hampir sama dengan kode di bawah ini :

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

7. Letakkan kode di bawah ini tepat dibawah kode <b:section class='sidebar' id='sidebar' preferred='yes'>

<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://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>

8. Selesai dan simpan dulu template anda

Catatan :
- angka 240 adalah lebar widget.
- angka 300 adalah tinggi widget.
- #ffffff adalah warna background.
- angka 100 adalah kecepatan putaran.
- angka 333333  adalah warna dari tulisan
- angka 12 adalah ukuran font
- tanda // untuk background, jika ingin background yang transparan, maka hapus tanda //

Silahkan anda ganti kode tulisan warna merah pada variabel di atas sesuai dengan template blog anda.
Ok sekian dulu postingan tentang cara memasang label cloud blogumulus di blog, semoga bermanfaat dan selamat mencoba di blog anda.

0 Response to "Cara Membuat Label Animasi (Blogumulus) di Blogspot"

Posting Komentar