Sabtu, 03 Januari 2009

Membuat Label Animasi


Biasanya kalo label yan gada di blog tampilannya seperti ini:

tips(5)
tutorial(6)
widget(7)


kalo hanya seperti itu saja kelihatannya kurang menarik.gimana kalo kita buat menjadi tampilan animasi..coba kamu lihat label yan gada di blog ini.di sebelah kiri atas.klik mouse kamu kesana.bagus kan tampilannya?

cara buatnya gampang kok..ikuti langkah langkah dibawah ini

1.login ke blogger
2.masuk ke layout-edit html
3.cari kode ini

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

4.copy kode dibawah ini tepat dibawah kode nomor 3

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


5.kemudian save
6.sekarang label kamu sudah berubah menjadi animasi.bagus bukan?

catatan:
jika dirasa penempatan atau ukuran label terlihat kurang pas dengan template kamu.kamu bisa melakukan sedikit perubahan.

a.width="250" untuk mengubah lebar label..tinggal ganti angkanya saja
b.height="200" untuk mengubah tinggi label..tinggal ganti angkanya saja
c.<param name="bgcolor" value="#ffffff" /> untuk mengubah warna background
d.<param name="flashvars" value="tcolor=0x000000& untuk mengubah warna tulisan



0 komentar:

Posting Komentar

Advertisement

 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com