Pernahkah anda melihat label posting yang bergerak atau berpusing?Label poasting yang bergerak ini dipanggil Label cloud atau Cloud Blogumus. Tag cloud blogumus ini adalah satu tag animated widget/plugin yg dicipta untuk platform wordpress tetapi telah dipermudahkan oleh Roy Tanck untuk platform blogger.Terima kasih patut diucapkan padanya.Ok let's go to Tutorial.1.Login ke blogger dashboard dan klik pada Layout-->Edit html
2.Cari kod ini : <b:section class="sidebar" id="sidebar" preferred="yes">
3.Kemudian copy kod dibawah ini dan paste kan di bawah kod diatas tadi...
<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'>
<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
</tags>" />
<p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
</object>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
</tags>" />
<p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
</object>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
4.Klik pada preview dahulu, jika berhasil maka cloud widget ini akan kelihatan pada blog kamu.Kemudian save template.Tahniah kamu telah berjaya.
5.Secara default,setting value widget ini adalah seperti dibawah:-
* width is 250px
* height is 200px
* Background color is white
* Text color is black
* Font size is 12
Setting ini boleh diubah, cari kod yang bewarna merah dan ubah mengikut kehendak kamu...selamat mencuba.
p.s. Tutorial ini telah penulis bahaskan pada suatu ketika dahulu.Tetapi disebabkan penulis telah ter"delete" posting tersebut, maka kenalah buat yang baru.
Design by 
© 2008-2009 | Powered by
0 comments:
Catat Ulasan
Komenlah sesuka hati anda kerana tuan empunya blog ini buta hati dan buta perasaan tetapi tidak buta mata.