Pages

Jumat, 28 Januari 2011

0
Membuat Tag Cloud ( Label Animasi )

Pasang Tag Cloud
Tag Cloud adalah sebutan label pada Word Press sebuah widget yang sangat menarik jika dipasang pada blog kamu. widget ini akan membuat blog kamu lebih hidup dan tentunya menarik untuk dilihat karena label ini akan bergerak berputar-putar seperti bola dunia. dan ini sudah saya modif loh, karena pada waktu saya juga pengen mencobanya, taq cloud ini malah error (ngga berfungsi), setelah saya cari tau knpa bisa error, eh ternyata code scriptnya yang ngga berfungsi lagi.. terpaksa saya mencoba tuk memasukkan script yang baru, dan alhamdllah sudah bisa. baiklah. jika ingin memasangnya, silakan ikuti langkah-langkah 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. Lalu copy paste kode di bawah ini tepat di bawah kode diatas :


<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'>
<script src='http://stashbox.org/921310/mastercumulus-bgs1-gr.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.utta.co.cc/'>Utta Jadoel</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://www.swfcabin.com/swf-files/1275932799.swf&quot;, &quot;tagcloud&quot;, &quot;220&quot;, &quot;280&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0xfe5003&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;150&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='13'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Catatan :
* Width="220" adalah lebar Widget, sebainknya ganti dengan 100% agar sesuai dengan sidebar blog kamu.
* Height="280" adalah tinggi widget.
* 13 = 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.
 

0 Komentar:

Posting Komentar

Segera Laporkan apabila sobat menemukan Broken link (link rusak) atau ingin request dan bertanya, dengan meninggalkan pesan di bawah ini, namun tetap jaga kesopanan dengan tidak melakukan komentar spam.