English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified

Senin, 08 Oktober 2012

Cara Membuat Label Keren Dengan Animasi Berputar-Putar


Hai Sobat Kreatif, saya mau share tips & tricks buat sobat blogger yang pengen tahu cara membuat tag cloud dengan animasi berputar di blog sobat.. Caranya mudah banget nih sob, saya yakin sobat blogger gak akan mengalami kesulitan untuk membuatnya.. hehe Gak usah panjang lebar lagi nih ya sob, langsung aj langkah2nya
1. Pastinya sobat harus log in dulu ke blog sobat.
2. Klik Template dan Klik edit HTML dan centang Expand Template Widget.
3. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> . Untuk mempermudah pencarian sobat bisa menakan Ctrl + F atau F3
4. Copy code dibawah ini dan paste tepat dibawah code yang tadi

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

5. Klik preview atau pratinjau untuk melihat hasilnya sebelum di save
6. 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

1 komentar:

  1. artikel menarik gan,kunjungan baliknya
    www.mbahgahol.blogspot.com
    follow aja nnti saya followbalik blog agan

    BalasHapus