Label Berputar

Juma'at 20 Agustus 2010, Untitle kembali mengubah tmoilan blognya dengan label yang berputar. sekarang saya akan membagi ilmu dengan para sahabat blogger, banyak blog yang ngasih cara-caranya tapi waktu aku ikuti caranya dengan secara teliti ternyata banyak yang gak sempurna / gak berfungsi di blog, sepertinya itu hanya copas dari blog lain. kalau semua artikel yang aku tulis adalah sudah melalui uji coba aku sendiri dan jika kalau gak berfungsi maka gakkan aku buat artikelnya. Nah sekarang kita mulai saja caranya membuat label berputarnya!
sebelum mulai ada baiknya kita mengeti tentang Penjelasan umum seputar Tag Cloud Comulus:

Tag Cloud Comulus ini sebenarnya terinspirasi dari flatform blog Wordpress, nah oleh salah dua blogger handal luar negeri yaitu Roy Tanck dan Amanda Fazani akhirnya dibuat juga untuk flatform Blogspotnya.

Jika berbicara fungsi, sebenarnya sama saja ketika kita menggunakan Labels bawaan dari blogspot itu sendiri, tetapi Tag Cloud Comulus ini jelas lebih menarik, tanya kenapa? Dari segi penampilan saja sudah tampil cantik, bisa berputar ketika mouse diarahkan dan memang lebih atraktif.

Ok, langsung saja ke Cara Membuat Tag Cloud Comulus Labels:

1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Cari kode berikut: <b:section class='sidebar' id='sidebar' preferred='yes'> (harap disesuaikan saja kodenya karena tidak semua templates sama)
4. Lalu copy pastekan kode di bawah ini persis berada di bawah kode tadi,


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

5. Sebelum di save harap dipreview terlebih dahulu, jika sudah terlihat tag cloud comulusnya baru di save templates.
6. Untuk merubah tinggi dan lebar ubah tulisan yang berwarna merah, untuk merubah warna background ubah tulisan yang berwarna hijau, untuk merubah besar kecilny tulisan tag label ubah tulisan yang berwarna biru.

NB: untuk warna orange di hapus, untuk warna aqua di ganti dengan url blog anda

Note: Keberhasilan dari membuat Tag Cloud Comulus bergantung pada templates yang teman-teman gunakan.


NB:BELUM SEMPURNA, MOHON TUNGGU!