Cara Buat Label Cloud Animasi

Label cloud animasi sudah banyak digunakan oleh peblogger karena bentuknya yang menarik, apakah ada diantara kawan semua yang belum bisa membuat label cloud animasi ini? Nah posting kali ini akan mengungkap cara pembuatan label cloud animasi ini, untuk lebih jelasnya kita langsung praktek saja.


Cara Buat Labael Cloud Animasi :

• Silahkan kawan masuk ke blogger

• Klik Tata Letak

• Klik Edit Html

• Carai kode seperti ini
  

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

• Lalu paste kode ini tepat di bawah kode tadi
  

<b:widget id='Label129' locked='false' title='Labels' type='Label'><br /><b:includable id='main'><br /><b:if cond='data:title'><br /><h2><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><script src='http://www.geocities.com/rum_marewa/swfobject.js' type='text/javascript'/><br /><div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.marewa.info'>marewa</a></div><br /><script type='text/javascript'><br />var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;180&quot;, &quot;100&quot;, &quot;7&quot;, &quot;#000000&quot;);<br />// uncomment next line to enable transparency<br />//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);<br />so.addVariable(&quot;tcolor&quot;, &quot;0xfffffff&quot;);<br />so.addVariable(&quot;mode&quot;, &quot;tags&quot;);<br />so.addVariable(&quot;distr&quot;, &quot;true&quot;);<br />so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);<br />so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='24'><data:label.name/></a></b:loop></tags>&quot;);<br />so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);<br />so.write(&quot;flashcontent&quot;);<br /></script><br /><b:include name='quickedit'/><br /></div><br /></b:includable><br /></b:widget>

• Klik Pratinjau untuk melihat apakah sudah sesuai besarnya

Ini contoh script di atas untuk mengganti lebar, tinggi, dan background ((...))

var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;((180))&quot;, &quot;((100))&quot;, &quot;7&quot;, &quot;((#000000))&quot;);

• Kode warna merah untuk lebar, warna biru untuk tinggi, warna hijau untuk background

• Kode untuk mengubah warna font ((...))

so.addVariable(&quot;tcolor&quot;, &quot;((0xfffffff))&quot;);

• Kode untuk mengubah ukuran font ((...))

values='data:labels' var='label'><a expr:href='data:label.url' ((style='24'))><data:label.name/></a></b:loop></tags>&quot;);

Untuk melihat hasilnya klik disini