Blog မွာ ေခါင္းစဥ္ကေလးေတြ လည္ေနတဲ႕ပုံ (Flash Animated Label Tags Cloud)

• Home
• About
• Posts RSS
• Contact
• Log In

August 13, 2009

Blog မွာ ေခါင္းစဥ္ကေလးေတြ လည္ေနတဲ႕ပုံ (Flash Animated Label Tags Cloud)

အခု ကြ်န္ေတာ္ ေျပာမယ့္ ပုံကေလးေတြ ကုိ Blog ေတာ္ေတာ္မ်ားမ်ား မွ ျမင္ဖူးမွာပါ .. blog slidebar ကေလးမွာ ေခါင္းစဥ္ကေလးေတြ လည္ေနတာေလ .. အဲဒါကေလးေတြထဲက ကုိယ္ ၾကဳိက္တဲ႕ ေခါင္းစဥ္ကေလးကုိ ႏွိပ္လုိက္ရင္ .. သူ႕ေခါင္းစဥ္ကေလးနဲ႕သက္ဆုိင္တဲ႕ အေၾကာင္းအရာေလးနဲ႕ ဆုိင္တဲ႕ ပုိစ့္ေတြ ကုိ ေရာက္သြားေရာ ..(Flash Animated Label Tags Cloud) လုိ႕ေခၚပါတယ္ .. အဲလုိ မ်ိဳးေလး လုပ္ခ်င္တယ္ဆုိရင္ေပါ့ ...ကို္ယ့္ရဲ႕ background အေရာင္နဲ႕လုိက္ေအာင္လည္း ယူလုိ႕ရပါတယ္ .. ကို့ယ့္ ဆီ လာတဲ႕လူေတြ ကုိ ေရြးရတာ ခပ္ဆန္းဆန္းကေလး ေပါ့ .. အဟဲ .. လည္ေနတာဆုိေတာ့ ေရြးတဲ႕လူ ေခါင္းမူးျပီး လာေျပာရင္ေတာ့ ကြ်န္ေတာ္ ပါဘူးေနာ္ .. အဟဲ :p :P .. ထည့္မယ္ဆုိရင္ေတာ့

၁။ layout => edit html ကုိ သြားလုိက္ပါ ။
၂။ Expend Widget ကေလးကုိ အမွန္ျခစ္ကေလးေပးထားလိုက္အုံးေနာ္ .. ေတာ္ၾကာ ေအာက္က စာကုိ ရွာမွ မေတြ႕ပါလား ျဖစ္ေနဦးမယ္ .. အမွန္ျခစ္ကေလးကုိ ေပးျပီးရင္ေတာ့ ေအာက္က ကုဒ္ကေလးကိုရွာလုိက္ပါ ..

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

ရွာျပီးသြားျပီဆုိရင္ေတာ့ အဲဒီ့ ကုဒ္ ကေလးရဲ႕ ေအာက္ကေလးမွာ ေအာက္က ကုဒ္ကေလးကုိ ထပ္ျပီးေတာ့ ထည့္လုိက္ပါ .. ထည့္ျပီးသြားျပီဆုိရင္ ေတာ့ ၾကဳိက္မၾကဳိက္ကုိ Preview အရင္ ၾကည့္လုိက္ပါဦး .. ၾကည့္ျပိးရင္ေတာ့ ၾကဳိက္ျပီဆုိတာနဲ႕ save tamplete ကုိ ေပးလုိက္ ဗ်ာ .. ရျပီ အဲဒါဆုိရင္ ေခါင္းစဥ္ကေလးေတြ လည္ေနျပီ ..BG color ကုိ ေျပာင္းခ်င္ရင္ေတာ့ အျပာကေလးနဲ႕ ျပထားတဲ႕ေနရာကေလးမွာ Html color code ကေလးေတြထဲက ကုိယ္ ၾကဳိက္တဲ႕ code ကေလး ကုိယူျပီးေတာ့ ထည့္လုိက္ပါ ရပါျပီ ဗ်ာ .. စမ္းၾကည့္ပါဦး.. အဆင္ေျပပါေစ ..Code ကေတာ့ ေအာက္မွာေနာ္ ..

<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'>

&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#556632" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<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>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;


</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

အဆင္မေျပတာေလးမ်ားရွိခဲ႕ရင္လည္း comment ကေလး ေပးခဲ႕ပါဦးခင္ဗ်ာ ...