Cara Membuat Label Bergoyang pada Blog

Cara Membuat Label Bergoyang Pada Blog

Bosan dengan tampilan Widget Kategori datar.. pengen lebih menarik kreatif? dan BerAnimasi.. Kali Ini Ghalih akan sharing bagaimana caranya membuat Label/Kategori Bergoyang pada blog.. Caranya lumayan mudah.. tapi bagaimana dengan pemula ?? Yukk... kita belajar bareng2 :)

Langkah pertama Silahkan kamu masuk blog :)
Setelah itu kalian masuk Template... Kalian pilih *Edit HTML*
Kamu cari code 2. <b:section class='sidebar' id='sidebar' preferred='yes'> dengan menggunakan CTRL + F atau F3 . Jika kalian tidak menemukan kata code itu cari code 1. <b:section class='sidebar' id='sidebarright' preferred='yes'> . Kode tersebut adalah kode bawaan template yg kalian pakai.. maka jika tidak ketemu kode ke 2 ?? temukan kode ke1 setelah itu ganti dengan kode 2 .. mudahkan?? :)

Setelah kode 1 diganti dengan kode 2 nahh.. tinggal berikutnya nih kawan :D

Copy kode dibawah ini dan paste kan di bawah kode ke 2 : 

 <b:widget
 id='Label99' locked='false' title='Tag Cloud Comulus 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>

Dan Ini dia ScreenShot Label Bergoyang pada Blog BONES Official

bones-official02.blogspot.com

 Klik preview atau pratinjau untuk melihat hasilnya sebelum di save.
 Apabila sukses anda klik save dan selesai

NB :
1. Tag Cloud akan berjalan apabila komputer sudah terinstal adobe flash player.
2. Kita dapat merubah ukuran, background tag cloud, serta ukuran huruf nya

Selamat Mencoba & Semoga Sukses..