Buat Tag Cloud Animasi Berputar

Halo Sahabat trickycheat, Kali ini aku posting yang materinya tentang blog lagi.
Idenya Gini, Gimana kalau Label (daftar list Blog) kita Itu dibuat animasi yang bisa berputar???
Sehingga tampilan Blog jadi lebih Berkesan.....

Jika Anda Tertarik, Inilah dia aku perkenalkan
Langkah-langkah pemasangannya :

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(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;185&quot;, &quot;185&quot;, &quot;7&quot;, &quot;#000000&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x80ff00&quot;);
so.addVariable(&quot;hicolor&quot;, &quot;0xFFFFFF&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;125&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</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'>
(gak harus persis kok.... yang penting mendekati :D)
(CTRL+f  = untuk mencari)
5. Save template 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


-The End-
-GBU-

Tidak ada komentar:

Posting Komentar

By. Trickycheat