Cara Buat Label Tag Cloud Animasi

Tag Cloud dengan animasi sebuah acsesories blog yang sangat menarik untuk label blogspot,dengan cara aplikasi mudah tentu saja akan mempercancik tampilan blogspot,untuk cara membuatnya ikuti cara dibawah ini:

1. Masuk Blogger.com
2. Pilih Rancangan
3. Pilih Edit HTML
4. Untuk berjaga-jaga barangkali ada kesalahan alangkah baiknya jika kamu membackup template kamu terlebih dahulu.
5. Kemudian cari kode yang mirip seperti dibawah ini :

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

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></data:title></h2>
</b:if>
<div class="widget-content">
<script src="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js" type="text/javascript"><br /><div id="'flashcontent'">Blogumulus by <a href="'http://www.roytanck.com/'">Roy Tanck</a> and <a href="'http://www.bloggerbuster.com'">Amanda Fazani</a></div><br /><script type="'text/javascript'"><br />var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);<br />// uncomment next line to enable transparency<br />//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);<br />so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);<br />so.addVariable(&quot;mode&quot;, &quot;tags&quot;);<br />so.addVariable(&quot;distr&quot;, &quot;true&quot;);<br />so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);<br />so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values="'data:labels'" var="'label'"><a href="'data:label.url'" style="'12'"><data:label.name/></a></b:loop></tags>&quot;);<br />so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);<br />so.write(&quot;flashcontent&quot;);<br /></script>
<b:include name="quickedit">
</b:include></div>
</b:includable>
</b:widget>

catatan :
* Width="240" adalah lebar Widget, sebainknya ganti dengan 100% agar sesuai dengan sidebar blog kamu.
* Height="000" adalah tinggi widget.
* 7 = ukuran font
* "bgcolor" value="#ffffff" adalah warna background, untuk melihat kode warna silakan klik disini



7. Klik Pratinjau untuk melihat hasilnya.
8. Setelah berhasil tinggal klik simpan.


Jika gagal silakan ganti kode yg berwarna merah dgn kode : http://stashbox.org/921310/MasterCumulus-bgs1-GR.js Klik Partinjau untuk melihat hasilnya....! Jika masih gagal silakan ganti kode yang berwarna biru dgn kode :

http://up2share.com/file/986bdff61_tagcloud_gubhug-reyot.swf
contoh lihat disini

Related Post