Cara membuat Label cloud berputar di blog - by s2c3rr

Sebelum lebih jauh membahas cara membuat label cloud berputar saya akan sedikit membahas tentang pengertian Label itu sendiri.Label adalah pengelompokkan artikel blog dalam satu kategori, dan kemudian biasa di pasang di sidebar atau mungkin di bagian bawah template. Saat ini model atau bentuk label ada 3, label umum atau yang biasa (standard), label cloud, dan label cloud berputar.untuk artikel kali ini saya ingin membahas cara membuat label cloud berputar.untuk lebih jelasnya sobat ikuti langkah-langkah di bawah ini.
#Cara yang pertama
1. Login Blogger.com
2. Di dasbor sobat pilih Rancangan >> Edit HTML
3. Expand template widget
4. Cari kode yang persis di bawah ini.

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

(*gunakan F3 di keyboard untuk mempercepat pencarian)
5. Setelah ketemu Copy Paste kode di bawah ini setelah kode No.4

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

6. pilih simpan template

#Cara yang ke dua
>> Mengubah lebar dan tinggi kolom serta warna background

Angka "240" adalah lebar kolom
Angka "300" adalah tinggi kolom
Sedangkan #ffffff adalah kode untuk backgroud

>> Merubah ukuran font

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

Jika dalam membuat label cloud ini tidak berfungsi, silahkan sobat ganti label text menjadi label cloud.perhatikan gambar di bawah ini.

Mungkin hanya itu yang dapat saya sampaikan pada artikel kali ini dan semoga bermanfaat bagi yang membutuhkannya. selamat mencoba dan salam sukses selalu.

Share this: