Saturday, June 18, 2011

Cara membuat tag cloud animasi berputar



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(&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'>
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======== 

Artikel Terkait:

  • Share this
  • Sumbit to Digg
  • Sumbit to StumbleUpon
  • Sumbit to Delicious
  • Sumbit to Technorati
  • Sumbit to Reddit
  • Sumbit to Mixx
  • Sumbit to Twitter
  • Sumbit to Furl
  • Sumbit to Design Float
  • Sumbit to Blinklist
  • Sumbit to Yahoo Buzz
  • Sumbit to Google Bookmarks

7 comments:

Geonk said...

:b:

toraja homeland said...

thanks for share,,,,

dp-media said...

Thank gan infonya.....dah bisa....bisa visit back di http://dp-media.blogspot.com

diestdi said...

Ko punya ane ga ada tulisan atau
Gan.?

J4K said...

izin KoPas Gan :c:

Perusahaan Asuransi Jiwa Terbaik Indonesa said...

berat tidak buat blog ya sob loadingnya?

Uem Cuters said...

Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

Post a Comment

Silahkan anda berkomentar, tapi jangan nyepam . . . .