Membuat Animasi Tags Cloud di Blog

Loading

Saat ini kita akan membuat tags cloud seperti milik wordpress. tags apabila di blogger biasa disebut label. mungkin kita merasa bosan dengan tampilan label blogger yang biasa-biasa saja dan tidak menarik.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.

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

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

8. Klik simpan template.

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

 Sumber : Forantum

Jangan Lupa Klik Salah Satu dari ini :

Berlangganan posting via RSS FEED

Atau berlangganan posting via email:

Description: Membuat Animasi Tags Cloud di Blog Rating: 4.5 Reviewer: Unknown - ItemReviewed: Membuat Animasi Tags Cloud di Blog Hot News!!! "Sepeda Motor Injeksi Irit Harga Terbaik Cuma Honda"