cara membuat label dengan animasi

Pada postingan kali ini saya akan membagi cara untuk membuat Label pada Blogger berputar-putar saat di arahkan pointer kita ke sana atau cara membuat label dengan animasi blogumulus. Bagaimana caranya? Mari kita simak ini.

Yang anda maksud seperti gambar di atas kan? Jika bukan tutup artikel ini lalu cari lagi.

Jika yang anda maksud seperti di atas kita akan sedikit mengutak-utik HTML. Bagi yang masih junior masih agak sulit kan? Tenang saja. Saya siap membantu dengan memberikan tutor yang mudah, walaupun saya juga masih newbie, hehehe

Oke langsung ke TKP yah.

• Masuk Blogger mu.
• Pilih Layout (bahasa lain harap menyesuaikan)
• Pilih Template
• Edit HTML

(jika ada yang tidak cocok harap menyesuaikan karena saya memakai tampilan BLOGGER yang baru )

Untuk Mencegah kesalahan pada template harap backup dulu

Lalu cari kode ini (bagi template Blogger lama)

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

 Lalu bagi TEMPLATE BLOGGER BARU cari kode ini :

<b:section-contents id='sidebar-right-1'>

Untuk memudahkan gunakan ctrl + F (pada keyboard mu.




Setelah ketemu . Masukan Kode berikut, di bawah kode yang kalian cari 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://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>

SIMPAN TEMPLATE

CATATAN :
Jika di blog tempat memasang tag cloud dan tag daftar/text, biasanya tag cloudnya belum muncul.Jika tag cloudnya belum muncul coba di setting manual widget label yang ada di sidebar blog. Pilih option Cloud

Jika ingin mengubah warnanya Anda bisa coba ganti beberapa variabelnya
tagcloud", "240", "300", "7", "#ffffff" ->
a. 240 adalah lebar widget , 300 tinggi widget (angka 240 dan 300 bisa Anda ganti sesuai lebar widget Anda agar lebih rapi),
b. #ffffff adalah warna background, warna backgroundnya bisa anda ganti dengan warna lain sesuai background template Anda

Bagaimana? Mudah bukan ? Selamat Mencoba.