Cara Meletakkan Cloud Tag Animasi Flash Untuk Blogger

Dah terlewat agaknya aku nak share benda ni. Tapi tadi round tengok kat shoutbox, ada yang bertanya, maku aku rajinkan diri membuat tutorial ni. Widget untuk kali ini adalah Flash Animated Cloud Tag iaitu widget untuk tag label tetapi di dalam bentuk animasi flash. Seperti yang ada di sidebar (Labels) kanan blog ini. Atau contoh gambar di bawah:


So, bagi yang belum ada di blog korang, boleh cuba gunakan widget ni. Caranya mudah:

1) Pergi ke Dashboard >> Layout >> Edit HTML dan cari (tekan ctrl+f pada keyboard) tag seperti di bawah:
<b:section class='sidebar' id='sidebar' preferred='yes'>
2) Copy kod di bawah dan masukkan SELEPAS tag di atas.
<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;300&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#9e9e9e&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x205559&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>
3) Klik preview dan kalau tak ada apa yang salah, klik save.

**NOTA** Korang boleh edit mengikut kesesuaian blog korang.
300 - Untuk KELEBARAN
300 - Untuk KETINGGIAN
9e9e9e - Untuk warna BACKGROUND
205559 - Untuk warna FONT

Pergi ke Dashboard >> Layout >> Page Elements dan drag widget ini mengikut tempat di mana korang nak letak.

So, itu saja. Try ye.

Comments

  1. I blog quite often and I genuinely thank you for your information.
    This great article has truly peaked my interest.
    I will take a note of your website and keep checking for new information about once a week.
    I subscribed to your RSS feed too.

    My web-site - no deposit casino bonus codes

    ReplyDelete
  2. Hey there, my name's Alex and I sometimes blog about this subject too. Actually, if I may, let me ask you something.. Could it just be me or does it look like a bunch of the replies appear they are coming from brain dead individuals? :-P Also, if you're on any other social network sites like web 2.
    0 site list, I'd like to keep in touch. Perhaps you could post a few links to some of them?

    my site ... appliquer

    ReplyDelete

Post a Comment

Popular Posts