Cara Membuat Label dengan Flash Bergerak

Salah satu cara untuk menampilkan label atau kategori baik di sidebar maupun footer bisa dengan cloud ataupun baris ke bawah. Pada kesempatan ini Julak akan memberikan bagaimana cara membuat label/kategori dengan alternatif lain yaitu dengan tampilan bergerak / flash. Seperti pada tampilan gambar di bawah.

Baiklah langsung saja kita ikuti tutorialnya berikut ini:
1. Pertama login ke dasbor> Menu Template> Edit HTML > centang Expand Template, jangan lupa back up template dulu.

2. Cari kode di bawah ini

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

3. Masukkan kode di bawah ini, tepat di bawah kode  no 2 diatas.

<b:widget id='Label786' 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://bloggerblogwidgets.googlecode.com/files/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Flash Labels by <a href='http://www.way2blogging.org'>Way2Blogging</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://bloggerblogwidgets.googlecode.com/svn/trunk/way2blogging_tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;250&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#FFFFFF&quot;);
so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x000000&quot;);
so.addVariable(&quot;hicolor&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>

4. Klik Pratinjau lalu save template. Selesai dan label dengan flash sudah jadi.

    Selamat Mencoba. 

Posted in: Design Blog