Friday, July 9, 2010

ဘေလာဂ္ဂါမ်ား animated tag cloud


ျပီးခဲ့တဲ့ နွစ္ပါတ္ေလာက္က ကၽြန္ေတာ့ ဘေလာ့မွာ ထည့္ထားတဲ့ animated tag cloud ေလးဘာမွ မေပၚေတာ့ပဲ ေဗ်ာင္ အျဖဴထည္ ၾကီးပဲ ေပၚေနလို႕ ေတာ္ေတာ္ စိတ္ညစ္သြားတယ္ သူ႕မွာ ထည့္ထားတဲ့ JS ဖိုင္ေတြ အလုပ္မလုပ္ေတာ့ လို႕လား Swf ဖိုင္ပဲ လင့္ေသေနလို႕လား အမ်ိဳးမ်ိဳး ၾကိဳးစား ၾကည့္တယ္ ဘယ္လိုမွ မရဘူးဗ်ာ..

ဒါနဲ႕ သူ႕နဂို ပိုင္ရွင္ ဆိုဒ္မွာ သြားျပန္ထပ္ၾကည့္တယ္ အေမးအေျဖ ေတြ ၾကည့္ျပီး ျပန္လုပ္ ၾကည့္တာ ေဟာဗ်ာ အခုေတာ့ သေကာင့္သား ျပန္ေပၚလာပါျပီ ကၽြန္ေတာ့္ ဘေလာ့ဂ္ ေအာက္ဆံုးမွာ သြားၾကည့္နိုင္ပါတယ္...

ကၽြန္ေတာ္ အရင္က သြားလည္ရင္း ဒီ ေလဘယ္ animated tag cloud ေလးေတြ ထည့္ထားတဲ့ ဘေလာ့ဂ္ေတြကို သြားလိုက္ ျပန္ရွာ ၾကည့္ေတာ့ သူတို႕လဲ အကုန္ ေဗ်ာင္ေတြ ျဖစ္ေနတယ္ တစ္ခ်ိဳ႕လဲ ရိုးရိုး tag cloud ေတြ ေျပာင္းထည့္ထားတာ ေတြ႕ရတယ္ ဒီေတာ့ ကၽြန္ေတာ္ ျပန္လည္ျပီး ဒီေကာင္ကို အသက္ဘယ္လို ျပန္သြင္းရမလဲ ဆိုတာ ေဝမွ် ပါရေစ တစ္ကယ္လို႕ မထည့္ဖူးဘူး အခုမွ ထည့္မယ္ ဆိုလဲ ရပါတယ္ဗ်ာ ဒီေအာက္က နည္းအတိုင္းသာ လုပ္လိုက္ပါ..။


သင့္ရဲ့ Blogger dashboard ထဲကေန Layout>Edit HTML ကိုသြားလိုက္ပါဗ်ာ..

ကုဒ္ေတြ ျပထားတဲ့ Box ၾကီးရဲ့ ညာဘက္ အေပၚေထာင့္ေလးမွာ "Expand widget templates" box ေလးအေသးေလး ရွိပါတယ္ အဲဒါကို လံုးဝ check မလုပ္ပါနဲ႕ check လုပ္တယ္ ဆိုတာ အဲဒီ အကြက္ေလးကို နိွပ္လိုက္ရင္ အမွန္ျခစ္ကေလး ျဖစ္သြားပါမယ္ အမွန္မျခစ္ပါနဲ႕ေပါ့ဗ်ာ...

ျပီးရင္ေတာ့ ေဟာဒီ ေအာက္က ကုဒ္ေလးေတြ ကို ရွာလိုက္ပါ..

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

ဘယ္လို ရွာရမလဲ ဆိုေတာ့ မ်က္စိနဲ႕ရွာေပါ့ ဟက္ ဟက္ ေနာက္တာပါ ဒီအတိုင္း လိုက္ရွာေနရင္ ေခါင္းမူးျပီး တစ္ခါထဲ စိတ္ကုန္သြားမွာေပါ့ CTRL+F ကို တြဲနွိပ္လိုက္ရင္ ဖိုင္းယားေဖာက္စ္ မွာ ဆိုရင္ ဘေရာက္ဇာ ဘယ္ဘက္ ေအာက္မွာ Find: ဆိုျပီး ကြက္လပ္ကေလး ေပၚေနပါလိမ့္မယ္ IE ဆိုလဲ အေပၚ ဘယ္ဘက္မွာ Find: ဆိုျပီးေပၚလာရင္အေပၚက ကုဒ္ေလးကို ေကာ္ပီ ေပ့စ္ လုပ္လိုက္ရင္ အဲဒီ စာေၾကာင္း ရွိတဲ့ ဆီ တစ္ခါထဲ တန္းေရာက္သြားမွာပါ..(မသိေသးသူ မ်ားအတြက္ ရည္ရြယ္ျပီး ေလေၾကာရွည္ျခင္း ျဖစ္ပါသည္ သိျပီးသူမ်ား ေက်ာ္လႊား၍ ဆက္ဖတ္ နိုင္ပါသည္..။)

ေတြ႕ျပီလား အဲဒီကုဒ္ အိုေက ဒါဆို သင့္အတြက္ လြယ္ကူစြာ ေနာက္တစ္ဆင့္သြား ရံုပါပဲ..
ရွာေတြ႕တဲ့ ကုဒ္ရဲ့ ေအာက္မွာ ေဟာဒီ ေအာက္က ကုဒ္ေတြကို ကူးထည့္လိုက္ပါဗ်ာ..

<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://Your Url/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
        &lt;param name="movie" value="http://Your Url/tagcloud.swf" /&gt;
        &lt;param name="bgcolor" value="#ffffff" /&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>

တန္းပလိတ္ အမ်ိဳးအစားကို လုိက္ျပီး တစ္ခ်ိဳ႕မေတြ႕နိုင္ပါဘူး အဲဒီလို မေတြ႕သူေတြ အတြက္ အရင္ ထည့္ထားတဲ့ သူေတြနဲ႕ လံုးဝ မထည့္ဘူးေသးတဲ့ သူမ်ားဆိုျပီး ရွာဖို႕ ကုဒ္ နွစ္မ်ိဳး ေပးပါ့မယ္..။

ထည့္ဖူးသူမ်ားအတြက္ ရွာရန္..

<b:widget id='Label99' locked='false' title='Labels' type='Label'/>

လံုးဝ မထည့္ဘူးပဲ ရိုးရိုး Label ပဲ ထည့္ထားသူမ်ား ရွာရန္..

<b:widget id='Label1' locked='false' title='Labels' type='Label'/> 

ကဲ ေတြ႕ၾကျပီ ဆိုရင္ေတာ့ ကၽြန္ေတာ္ ခုနက အေပၚမွာ ျပထားတဲ့ ထည့္ရမယ့္ ကုဒ္ေတြကို အခုေတြ႕တဲ့ ကုဒ္ ေနရာမွာ အစားထိုး ထည့္လိုက္ရံုပါပဲ ထပ္ေျပာပါမယ္

ပထမဆံုး ရွာရန္ ေပးထားတဲ့ ကုဒ္ကို ေတြ႕ခဲ့ရင္ သူ႕ရဲ့ ေအာက္မွာ ထည့္ရမည့္ ကုဒ္ကို တန္းထည့္ပါ..
ဒုတိယ နဲ႕ တတိယ ကုဒ္ေတြပဲ ေတြ႕တယ္ ဆိုရင္ အဲဒီ ကုဒ္ေတြ ေနရာမွာ အစားထိုးထည့္ရ ပါမယ္.. ျပီးရင္ အရင္ဆံုး Preview ၾကည့္လိုက္ပါ ကုဒ္ထည့္တာေတြ မွန္တယ္ဆို ကိုယ့္လင့္ကို ေရာက္သြားပါမယ္ ..
ျပီးရင္ေတာ့ တန္းပလိတ္ကို Save လုပ္လိုက္ေပါ့ဗ်ာ..အခုမွ ဒီကုဒ္ကို ထည့္မယ္ ဆိုတဲ့သူေတြ အတြက္ေတာ့ ေဆ့ဖ္လုပ္ခ်ိန္မွာ အရင္ widget အေဟာင္းကို ဖ်က္မလား ေမးပါလိမ့္မယ္ ဒါဆို Delete Widget ဆိုတာေလး သာနွိပ္ေပးလိုက္ပါ..။

တစ္ခု ရွိတာကေတာ့ သူ႕ရဲ့ အရင္ ဖိုင္လင့္ေတြက ေသသြားပါျပီ အဲဒီေတာ့ ကိုယ့္ဖာသာကိုယ္ ဖရီးနဲ႕ဒါရိုက္လင့္ ေပးတဲ့ ေဟာ့စ္စတင္ တစ္ခုခုမွာ SWF ဖိုင္ေလးကို အပ္လုဒ္ တင္ျပီး သံုးၾကပါ ဒါဟာ အေကာင္းဆံုး နဲ႕ ၾကာရွည္ သံုးနိုင္မယ့္ နည္းလမ္းပါပဲ ကၽြန္ေတာ္ တင္ေပးလဲ ရပါတယ္ ဒါေပမယ့္ ဝိုင္းသံုးၾက ရင္ ခဏေလးနဲ႕ ဒီလိုပဲ လင့္ေသသြားမွာ မို႕လို႕ ကိုယ့္ဖာသာ တင္ျပီး ကိုယ္ပိုင္ လင့္ကို သံုးတာ အေကာင္းဆံုးပါ ကၽြန္ေတာ္ သံုးတဲ့ ေဟာ့စတင္း လင့္က  ဒီမွာ ပါ ေအာက္က SWF ဖိုင္ေလးကို ေဒါင္းလုဒ္ လုပ္ျပီးရင္ ကၽြန္ေတာ္ ေျပာတဲ့ ေဟာ့စတင္မွာ သြားတင္လိုက္ပါ ျပီးရင္ေတာ့ http://Your Url/tagcloud.swf ဆိုျပီး အနီေရာင္နဲ႕ ေရးျပထားတဲ့ ေနရာေတြမွာ ကိုယ့္ဖိုင္လင့္ေတြ အစားထိုးထည့္လိုက္ပါ.။

Tag Cloud SWF

ဘက္ဂေရာင္း ေနာက္ခံ အေရာင္ေတြ စာလံုး အေရာင္ေတြ အၾကီးအေသးေတြ စသျဖင့္ ကိုယ္လိုခ်င္သလို ေျပာင္းဖို႕ကေတာ့ အရင္က ကၽြန္ေတာ္ ေရးခဲ့တဲ့ Blogger မ်ားအတြက္ Flash Animated Label Cloud ဆိုတဲ့ ပိုစ့္မွာ သြားၾကည့္နိုင္ပါတယ္ ခင္ဗ်ာ..။

အားလံုးပဲ အဆင္ေျပ ၾကပါေစ.


 ၿပီးပါၿပီ ...

0 comments:

Post a Comment

စဥ္းစားမႈမပါဘဲ သင္ယူေသာ ပညာသည္ အခ်ည္းႏွီးျဖစ္၍ ၊ ပညာမရွိဘဲ စဥ္းစားျခင္းကား အလြန္ အႏၱရာယ္ၾကီးေပသည္။ (သားၾကီး)