gravatar

Label Cloud(aNIMASI)



jika anda tertarik membuat widget label / kategori dalam bentuk animasi flash seperti gambar di atas caranya cukup mudah. Widget tersebut biasa di gunakan oleh pengguna mesin wordpress, namun jika anda sebagai pengguna mesin blogger ingin memasang widget tersebut, anda bisa melakukannya.



Anda tertarik juga untuk memasang widget ini? berikut adalah langkah-langkahnya :

  1. Login ke blogger dengan ID anda.
  2. Klik Tata Letak.
  3. KLik tab Edit HTML.
  4. Klik tulisan Download Template Lengkap. silahkan backup dulu templatenya biar aman.
  5. Cari kode yang mirip dengan kode di bawah ini :


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


Copy lalu paste kode di bawah ini di bawah kode yang tadi ;



<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'>
&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>


Klik tombol SIMPAN TEMPLATE


Selesai.




Seharusnya dengan langkah di atas, anda sudah mempunyai sebuah label atau kategori dalam bentuk animasi flash. Akan tetapi agar lebih pas dengan template yang anda gunakan, ada beberapa yang bisa di ubah pada kode di atas, misal :



Untuk mengubah lebar widget :


width="250"


Nilai “250” adalah lebar widget sebesar 250 pixel. Nilai ini bisa anda ganti sesuai kebutuhan, misal : 300




Untuk mengubah tinggi widget :


height="200"


Nilai “200” adalah tingg widget sebesar 200 pixel. Nilai ini bisa anda ganti sesuai kebutuhan, misal : 250




Untuk mengubah warna background ":


<param name="bgcolor" value="#ffffff" />


Tulisan “ffffff” adalah kode warna untuk putih, jika anda ingin mengubahnya, gantilah kode warna tersebut dengan kode warna yang anda inginkan. Contoh : kode warna untuk hitam adalah “000000”.




Untuk mengubah warna tulisan ":


<param name="flashvars" value="tcolor=0x000000&


Tulisan “000000” adalah kode warna untuk hitam, jika anda ingin mengubahnya, gantilah kode warna tersebut dengan kode warna yang anda inginkan. Contoh : kode warna untuk putih adalah “ffffff”.


Dan jika anda mengerti lebih banyak, anda bisa mengubah yang lain- lainnya pula.


Selamat mencoba!

gravatar

Mas Noe, lam knal yah. Sy blogger newbie yg mw nanya2 nih. Td udah di copy paste kodenya sesuai petunjuk mas Noe tapi ketika disave keluar peringatan kyk gini:

Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: The reference to entity "gt" must end with the ';' delimiter.

Setahu sy itu brarti kodenya ada yg gak lengkap atau ada y salah mas Noe..Sy mohon solusinya mas Noe. Trims

gravatar

@LZ emang langkah2nya dah di ikuti semua sob....
coba deh kamu ulang

gravatar

Tq mas. Akhirnya bisa jg. Mungkin waktu itu error kali yaw....
Skali lagi thanx.

Pengikut