Sunday, May 10, 2009

Memasang Flash Label Widget di Blog

Cara Memasang Flash Label Widget di Blog


Apasih Flash label itu? kalau mau tau kunjungi blog ini sebagai contoh. BlueCryztal.blogspot.com . Jadi bagaimana ? Bagus bukan? Untuk membuatnya sedikit lebih menarik arahkan blog kamu pada flash label tersebut maka dia akan berganti sesuai dengan gerakan mouse.


Interested in making it? Just follow the steps below:


1. Login dulu ke blogger


2. Pada Dashboard pilih Layout > Edit HTML tab




3. Supaya aman Download full template dulu agar bisa di Backup.


4. Setelah itu cari kode berikut ini


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


perlu diperhatikan id blog kamu boleh jadi berbeda dengan punya ku so be careful.


5. Copy - Paste kode dibawah ini letakkan setelah kode <b:section class='sidebar' id='sidebar' preferred='yes'>


<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>


6. Kalau sudah Click Save Template.


7. Finished----View your blog.


Dengan melakukan langkah diatas, maka Label blog kamu sudah dibuat dalam bentuk flash. Untuk mencocokkan widget ini dengan blog kamu perhatikan keterangan berikut :


Width="250" ( sesuaikan lebarnya dengan lebar blog kamu dengan cara mengganti nilai 250)


Height="200" ( sesuaikan tingginya dengan tinggi blog kamu dengan cara mengganti nilai 200)


Untuk mengganti background colornya ganti kode(Lihat kode Warna HTML di Sini)


name="bgcolor" value="#ffffff"


(ffffff adalah kode untuk warna putih kamu bisa menggantinya sesuai dengan warna blog kamu).


Untuk mengganti warna tulisannya cari kode ini


value="tcolor=0x000000


(000000 adalah kode untuk warna hitam)


Untuk mengganti ukuran font nya cari kode


expr:href='data:label.url' style='12'>


(angka 12 disana menunjukan ukuran fontnya bisa diganti sesuai dengan blog kamu).


Sekian dulu....! Semoga bermanfaat.


Good Luck..!!!!