Cara Membuat Label dengan Flash Bergerak

Kamis, 21 Juni 20120 komentar

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.


Untuk melihat live demonya silakan buka Julak's Blog

Baiklah langsung saja kita ikuti tutorialnya berikut ini:
1. Pertama login ke dasbor> Rancangan > 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. 
Share this article :

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. WARUNG BOLLYWOOD - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger