Membuat Label Berputar

Label berputar, Di postingan kali ini admin akan share trik membuat label berputar, admin tertarik membuat postingan ini karena tampilannya yang menarik, selain itu bagi teman - teman yang banyak TAG pasti labelnya panjang dan mengganggu Gadget yang lain. Nah di postingan kali ini kita akan mengakali hal tersebut dan memper-indah tampilannya. Karena Label Berputar ini bisa kita atur tingginya, jadi akan terlihat menarik. Oke karena admin tidak begitu suka celoteh, Langsung To The Point Saja Deh Bro...

1. Langkah Pertama Login Blogspot kita, klik Rancangan

2. Klik Edit HTML

3. Ceklis Expand Template Widget sebelah kanan di atas kode HTML

4. Cari kode berikut, tekan Ctrl + F agar lebih cepat menemukannya <b:section class='sidebar' id='sidebar' preferred='yes'> ( Harap di sesuaikan saja, karena tidak semua template sama, saat admin memasang trik berikut juga perlu menghapus sedikit kode baru menemukannya ) 

5. Kemudian Kopy kode berikut dan paste tepat di bawah kode diatas ( 4 )

<b:widget id='Label99' locked='false' title='Tag Cloud Comulus 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://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<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>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&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;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><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 : Jika kode swf yang  berwarna pink di atas tidak bisa bekerja secara baik, coba ganti dengan kode swf berikut ini: http://www.swfcabin.com/swf-files/1275932799.swf

Keterangan :

- Untuk megganti Tinggi dan Lebar silahkan di ganti angka yang berwarna merah

- Untuk mengganti warna Background silahkan di ganti kode yang berwarna hijau, dengan kode warna yang anda inginkan

- Untuk mengatur besar - kecil tulisan TAG ganti angka yang berwarna biru

6. Kemudian klik SIMPAN, selesai

Bagaimana hasilnya baguskan? :D. Demikian Yang bisa saya sampaikan semoga postingan ini bermanfaat bagi kita semua. Mohon Kritik Dan Saran teman - teman untuk perbaikan kedepannya. 

sumber : pebrialsen.blogspot.com

READ MORE - Membuat Label Berputar