--
0





blogger blogging platform default sudah memberikan kita kemudahan untuk menampilkan label post pada blog kita yang bisa kita letakkan di sidebar blog.


Tapi kita bisa merubah label tersebut dengan tampilan yang lebih baik lagi agar mata pengunjung bisa tertuju ke label kita..


Jadi kita akan berusaha menampilkan sesuatu yang sedikit berbeda dalam hal menampilkan label widget cloud ini dalam bentuk animasi.

Kita mulai saya cara pemasangannya.

1. Login dulu ke blogger account.

2. Pergi ke dashboard >> tata letak >> Edit HTML

3. temukan kode dibawah ini


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


Kalau agak susah nyarinya tekan aja ctrl+f lalu cari kodenya.

Lalu letakkan kode dibawah ini diatas kode 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>


4. Klik save template dan cek hasilnya.

No Response to "Widget : Animated Tag Clouds"

Posting Komentar