Membuat Animated Label Cloud

Pepatah mengatakan tak kenal maka tak sayang jadi kita kenalan dulu nih sama salah satu widget ini, Udah pada tau belum apa itu animated label cloud ? itu lho yang kaya punya blog ini yang labelnya berterbangan kaya awan....Anda pengen tau cara buatnya?

Oke deeh tapi sebelum menggunakan trik ini Backup dulu yaa Templatenya, jadi kalo salah bisa di default lagi deeh.

Untuk membuat label cloud ikuti langkah langkah di bawah ini :

• Pergi ke Tata Letak
  
  

• Klik HTML
  
  

• Kemudian klik kotak Expand Template Widget
  
  

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

• Copy code di bawah ini setelah tag diatas
  
  

<b:widget id='Label99' locked='false' title='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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;,
&quot;tagcloud&quot;, &quot;280&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>

Untuk code yang berwarna merah lihat keterangan di bawah ini :

- 280 adalah lebar kolom

- 300 adalah panjang kolom

- #ffffff adalah warna backround

• Simpan Template anda dan lihat hasilnya.
  
  

Jika tidak berhasil juga anda cari tag ini dengan menggunakan Ctrl+f

dan ketikan <b:widget id='Label1' locked='false' title='Label' type='Label'/>

setelah anda menemukan tag tersebut ganti dengan code yang berlatar belakang biru diatas.

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di basecampspenda.blogspot.com

Related Posts

tutorial blog

• Membuat Tabel di Blog
• Blogger.com Segera Menghentikan Dukungannya Pada FTP
• Membuat Step Carousel Image Slide
• Teknik Promosi Website Melalui Search Engine
• Mengganti Icon Address Bar Blog
• Membuat Blogroll dengan Thumbnail