http:/

postingan saya kali ini akan mencoba membahas cara membuat tag cloud animasi berputar di blog.....

oke tanpa banyak cuap-cuap Langsung aja.......

Langkah-langkah pemasangan~nya :
1. Masuk Ke Dasbor Blogger
2. Rancangan
3. Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Copy Code berikut :

<b:widget id='Label50' locked='false' title='tag' 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/jetzblogs/tag-cloud/jetztagcloud.js' type='text/javascript'/>
<div id='flashcontent'/>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "185", "185", "7", "#000000");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x80ff00");
so.addVariable("hicolor", "0xFFFFFF");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "125");
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'/>
<script type='text/javascript'>
</script>
</div>
</b:includable>
</b:widget>

4. Paste-kan kode tadi dibawah kode :

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

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

5. Save templat anda, dan lihat hasilnya.........

Keterangan HTML :
185 = Lebar Widget dalam px
185 = Tinggi Widget dalam px
#000000 = Warna Background (Hitam)
0x80ff00 = Warna Huruf
12 = Ukuran Font
0xFFFFFF = Warna Link

========Selamat Mencoba========

Saturday, June 18, 2011

Cara membuat tag cloud animasi berputar

Artikel Terkait:

7 comments:

Post a Comment

tag