Menambah label animasi atau tag could 3D

0 komentar

Label Animasi Blogmulus
Menambah label animasi atau tag could 3D  bisa menambah cantik blog kita, beberapa kali saya mencoba untuk membuat dengan memasang scriptnya selalu gagal, setelah saya nyasar pada blognya kawan "carapada.blogspot" baru tahu lah aku kalo tidak semua template support dengan widget yang satu ini dan untuk alasannya saya belum tahu sob..., masih belajar juga ;-)

dan di bawah ini ada script yang bisa sobat  pasang, dan sebaiknya di pasang pada posisi sidebar ya biar nampak cantik.


Yuk kita praktekin pada blog kesayangan kita...!!


dan seperti biasanya langkhanya sebagai berikut : 


1. Login ke  blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'>  
                      (biar cepet tekan Ctrl+F lalu paste kode di atas) 
4. pasang kode di bawah ini di bawah kode di atas :
<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(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;288&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&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'/>
</div>
</b:includable>
</b:widget> 

5. Sebelum di save sebaiknya di preview dulu siapa tahu tidak support tinggal clear edt aja..., ;-)


Note :
1. Warna Merah : Ganti untuk merubah ukuran tag cloud
2. Warna Hijau : Ganti untuk merubah warna background tag cloud
3. Warna Biru : Ganti untuk merubah ukuran font
4. Tag Cloud akan berjalan apabila komputer sudah terinstal adobe flash player.

0 komentar:

Posting Komentar

Copyright 2011 Blog Kang Budi.
Blogger Template by Noct. | Distributed by Rocking Templates