INFORMASI SEPUTAR BLOG

Membuat Animated Label Cloud

Label:


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.



Dari : http://basecampspenda.blogspot.com
0 komentar:

Posting Komentar

Followers


Labels