Membuat label clouds berputar

by - 23.01

Sangat membosankan jika seseorang berkunjung ke blog yang berlabel biasa, dan postingan banyak sehingga label tersebut memakan space banyak di blog itu, dan itu membuat cape para pembaca, nah saya membuatnya menjadi label Clound berputar. Selain unik label ini juga tidak menggrogoti space yang banyak, dan sangat bagus buat yang suka nambah banyak gadget-gadget aneh-aneh.

Langsung aja ke tkp, seperti biasa yang sering kita lakukan login ke blogger.com ---> Tata letak ---> Edit html ---> kemudian centang expand widget template.

Tips:
Agar template tidak rusak jika gagal sebaiknya download full template terlebih dahulu sehingga jika gagal dapat dikembalikan lagi.

Jika sudah, kemudian cari

class='sidebar' id='sidebar' preferred='yes'&gt:

Kemudian copy code di bawah ini setelah code di atas
<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;240&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>

Kemudian save template,

tools
untuk mengubah ukuran dan warna background,
-------------------------------------------------------------------------------------------------

var so = new
SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",
"tagcloud", "240", "300",
"7", "#ffffff");

-------------------------------------------------------------------------------------------------

1. Angka "240" adalah lebar kolom
2. Angka "300" adalah tinggi kolom
3. Sedangkan #ffffff adalah kode untuk backgroud

Untuk mencari kode warna silahkan cari di Google


untuk merubah warna font
-------------------------------------------------------------------------------------------------

so.addVariable("tcolor", "0x333333");

-------------------------------------------------------------------------------------------------

Untuk mencari kode warna silahkan klik disini


untuk mengganti ukuran font,
-------------------------------------------------------------------------------------------------

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a
expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

-------------------------------------------------------------------------------------------------


Itulah ilmu yang saya dapatkan 2 minggu yang lalu, semoga bermanfaat, hanya ini yang bisa saya bagi-bagi,

Sekian. Semoga Bermanfaat.

Share
Tweet
Pin
Share
Tags : , ,

You May Also Like

1 komentar

  1. decky15 Maret 2010 pukul 21.30

    mantap...!!!
    kalo cara membuat label dengan huruf besar dan kecil gimana ya....?
    acak-acak gitu deh pokoknya(huruf kecil dan besar)
    trims

    BalasHapus