Skip to main content

Animasi Label Cloud



Untuk memenuhi request dari Bos Tamsil..yaitu bagaimana caranya membuat Label yang muter-muter (Label Cloud )...Langsung aja bos..
cara nya seperti biasa :
1. Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML--- >Download Template lengkap (untuk jaga-jaga bila error)
3. Centang cari kode ini :

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

4. Lalu copy code di bawah ini dan paste tepat di bawah kode yang di atas

<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://h1.ripway.com/arenadigitalstudio/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://arenadigitalstudio.blogspot.com/'>Zambora</a>, <a href='http://arenadigitalstudio.blogspot.com/'>Arena Digital Studio</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;185&quot;, &quot;150&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;0x1908ff&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='16'><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. Jangan di save dulu coba preview dulu ya...kalo berhasil baru di save template anda
6. Berikut untuk merubah unkuran lebar,panjang warna tulisan dan latar belakangnya.

Untuk merubah ukuran tinggi, lebar dan warna backround

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

185 menunjukan lebar widget.
150 menunjukan tinggi widget.
#ffffff menjukan warna background.


Untuk merubah Warna font

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

0x1908ff menunjukkan warna font

Untuk Ukuran font

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

16 menunjukkan ukuran font.



Bookmark and Share

Comments

  1. katanya di kirim melalui email...tak tunggu kok nggak kunjung tiba...makasih yaa

    ReplyDelete

Post a Comment

Popular posts from this blog

Corel Draw Tutorial : Membuat Spanduk [ Repost ]

Untuk memenuhi permintaan rekan2 yang koment disini, saya repost posting "Corel Draw Tutorial : Membuat Spanduk" yang dikarenakan akun penulis postingan ini telah dihapus oleh siMbah..google... mohon ma'af atas ketidaknyamanan ini..semoga dengan repost ini bisa membantu dan bermanfa'at. Hallo, sobat-sobat Blogger .... kita ketemu lagi nih. Aduhh .... capek banget, habis beberapa minggu kemarin, penulis disibukkan dengan begitu banyak kerjaan dari klien-klien penulis (wah... kayak orang top aja). Iya emang bener .... pokoknya macem-macem deh. Soalnya penulis neeh ... biar jelek-jelek gini, tapi juga master design di tempat penulis (walah .... kok malah ngelantur). OK langsung saja. Kali ini penulis mengajak sobat-sobat untuk sama-sama belajar membuat spanduk. Yang ingin penulis tekankan di sini adalah proses pembuatannya, bukan hasilnya. Soal bagus tidaknya hasil dari desain ini, tergantung ide masing-masing sobat. Yang penting adalah kita kenal dan hapal dulu menu...

Jejaring sosial Indonesia

Saat browsing di mbah Google aku temukan banyak sekali jarsos ala facebook yang rata-rata mengunakan platform Jcow yaitu suatu framework gratis dan berbayar yg di peruntukkan untuk membangun website ala facebook uniknya source framework ini sangat kecil sekali sehingga sangat mudah untuk dikembangkan dan bisa di download gratis pada web asalnya  Jcow. dan gratis digunakan asal mencantumkan Atribution web pembuatnya kecuali yang berbayar. Tetapi sayangnya banyak sekali para webmaster kita kurang menghargai hasil karya orang , dengan seenaknya menghilangkan atribution seakan hasil buatannya sendiri. Dibawah ini adalah contoh website Jcow gratis yg pengembangnya masih mencantumkan Atribusi pembuatnya. 1. facemain.net (gratis) Dari segi Design juga fitur menurut saya sangat interaktif, banyak fitur dan modul  yang tidak dimiliki oleh situs Jcow kebanyakan, juga kecepatan loading yg lumayan ( walaupun share server ), banyak webmaster Jcow menjadi member situs ini. 2. t...

Tampilan Dashboard & widget baru untuk Blogger

Belum lama  blogspot mengeluarkan fitur statistik & Comment Published blog pada dashboard BlogerDraft blogspot anda, Kini Blogger Statistik & Comment Published telah ada di blogger.com bukan lagi draft.blogger.com . Jadi bagi Anda yang suka memakai Blogger, bisa menikmati fitur ini dengan mudah tanpa harus buka draft blogger. Selain itu, Blogger Statistik juga melakukan improvisasi pada fitur-fiturnya, lihat gambar dibawah: Selain penambahan fitur Dasbor sekarang ada berita menggembirakan dari blogspot karena tim blogspot mengeluarkan gadget Popular Post dan Blog Stats yang bisa di tambahkan di add element pada blogspot anda. Dari segi SEO kedua widget tersebut yaitu Popular Posts dan Blog Stats akan membantu anda dalam hal optimasi SEO karena popular post setidakanya membantu anda untuk menaikkan ranking post dan juga bisa menambah pageview blog anda, sedangkan untuk blog statistik akan membantu anda menganalisa sejauh mana teknik SEO yang anda lakukan pada b...