Memasang Animasi Tags Cloud

Tags cloud sebenarnya adalah made in word press, tetapi sekarang sudah dapat digunakan di blogger. Tags cloud animasi ini akan membuat label atau tags menjadi lebih menarik dan enak dipandang.

  • Baiklah kita langsung saja ke cara membuat tags cloud :

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

Note: Tekan ctrl+f agar mempermudah pencarian
 
6. 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>

7. Klik simpan template.

8. Lihat blog anda pasti sudah ada tags cloudnya.


Ket :

width="250" adalah lebar widget.

height="200" adalah tinggi widget.

&lt;param name="bgcolor" value="#ffffff" /&gt; adalah warna background. Untuk kode warna lain bisa dilihat disini.

&lt;param name="flashvars" value="tcolor=0x000000&amp; adalah warna tulisan. Untuk kode warna lain bisa dilihat disini.

ads

Ditulis Oleh : okeFox Hari: Selasa, November 23, 2010 Kategori:

0 komentar:

Posting Komentar

 

Translate

Okefox Statistik