Thursday, July 12, 2007

Slow Motion Peekaboo ပုိ႔စ္ေလးအေၾကာင္း... (ထပ္မံျဖည္႔စြက္ထားပါသည္)


ဘေလာ႔ဂါေတြ ေတာ္ေတာ္မ်ားမ်ားကေတာ႔ မိမိတုိ႔ရဲ႔ ဘေလာ႔ဂ္ပုိ႔စ္ေလးေတြကုိ ေခါက္သိမ္းထားျပီး Read More တုိ႔၊ Expand တုိ႔၊ ဆက္ဖတ္ရန္ တုိ႔၊ က်န္ေသးတယ္ေနာ္ တုိ႔ စသည္ျဖင္႔ ေပးထားတတ္ၾကပါတယ္. အဲဒါေလးကို ေခါက္လိုက္မွ သိမ္းထားတဲ႔ ပုိ႔စ္ေလးက ဘြားခနဲ ျပဳတ္က်လာတတ္တယ္ေလ. ဒီလုိ လုပ္ထားျခင္းအားျဖင္႔ မိမိတုိ႔ရဲ႔ ဘေလာ႔ဂ္ေလးက ပုိျပီးသပ္ရပ္လာသလုိ လာဖတ္သူေတြကလည္း မ်က္စိရွင္းတယ္လုိ႔ ျမင္ပါတယ္. အဲဒါကုိ Peekaboo ပုိ႔စ္လုပ္တယ္လုိ႔ ေခၚပါတယ္ခင္ဗ်ာ. ဒါကေတာ႔ မသိေသးသူမ်ားအတြက္ ရွင္းလင္းျပေပးတာပါ.

Peekaboo ပုိ႔စ္လုပ္နည္းကုိ ဒီေနရာမွာ ေရးခဲ႔ျပီးပါျပီ. ခုေျပာမွာကေတာ႔ အဲဒီ႔ပုိ႔စ္ေလးေတြကုိ Click ေခါက္လုိက္ရင္ Fade in ပုံစံ Slow Motion ေလး ေပၚလာျပီးေတာ႔ ျပန္ပိတ္္လုိက္ရင္ Fade out ပုံစံေလး ျဖည္းျဖည္းေလး ျပန္ပိတ္သြားေအာင္ လုပ္တဲ႔နည္းပါ. ဒါေၾကာင္႔ ဒီပုိ႔စ္ကုိ Slow Motion Peekaboo ပုိ႔စ္လုပ္နည္းလုိ႔ အမည္ေပးထားတာပါ.

ကဲ စလုိက္ၾကရေအာင္လားဗ်ာ….

အဆင္႔ (၁)

<script src='http://www.anniyalogam.com/widgets/hackosphere.js'
type='text/javascript' />

လုိ႔ </head> Tag မပိတ္ခင္ေလးနားမွာ ထည္႔ေရးေပးခဲ႔တာ မွတ္မိမွာပါ. ခုအဲဒီ႔လင္႔ခ္က အလုပ္မလုပ္ေတာ႔ဘူး. ကၽြန္ေတာ္အသစ္ေပးထားတဲ႔ လင္႔ခ္ကုိ ထည္႔ထားသူမ်ားကေတာ႔

<script src="http://theseandthose.googlepages.com/hackosphere.js"
type="text/javascript" />

ဆုိတာေလးကုိ ျပန္ရွာပါ. Ramani ရဲ႔ Googlepages လင္႔ခ္ကုိ သုံးထားသူ မ်ားကေတာ႔

<script src="http://rarunach.googlepages.com/hackosphere.js"
type="text/javascript" />

ဆုိတဲ႔ စာေၾကာင္းေလးကုိ ရွာပါခင္ဗ်ာ.

(စကားခ်ပ္။ ။ Coding ေလးေတြကုိ အလြယ္ကူဆုံး ရွာေတြ႔ခ်င္ရင္ပဲ ျဖစ္ျဖစ္၊ ျပင္ခ်င္ရင္ပဲ ျဖစ္ျဖစ္ အေကာင္းဆုံးနည္းကေတာ႔ Microsoft Word (သုိ႔) NotePad ထဲမွာ Template တစ္ခုလုံးကုိ ေကာ္ပီကူးျပီး ျပင္ပါ. ရွာခ်င္တာကုိ Ctrl+F ႏွိပ္ျပီး Keyword ေလးကုိ ရိုက္ထည္႔ရွာပါ. အခ်ိန္ကုန္သက္သာျပီး လုပ္ရတာလည္း ပုိအဆင္ေျပတာ ေတြ႔ရပါလိမ္႔မယ္. Template ကုိ ေကာ္ပီမကူးခင္ Expand Widget ဆုိတဲ႔ Box ေလးကုိ Tick လုပ္ျပီးမွ ကူးဖုိ႔ ထပ္မံသတိေပးလုိပါတယ္)

ကဲ. ေတြ႔ျပီေပါ႔ဗ်ာ. ေနာ္
အဲဒါကုိေတြ႔ရင္ ဖ်က္ပစ္ျပီးေတာ႔ ဒါေလးနဲ႔ အစားထုိးလုိက္ပါ.

<script type='text/javascript' src=
'http://theseandthose.googlepages.com/prototype.js'/>
<script type='text/javascript' src=
'http://theseandthose.googlepages.com/scriptaculous.js?load=effects'/>
<script type='text/javascript' src=
'http://theseandthose.googlepages.com/hackosphere.js'/>
<script type='text/javascript'>
var fade = true;
var peekaboo_bgcolor = '#ffffff';
</script>


အဆင္႔ (၂)

<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>

ဆိုတာေလးကို ဆက္ရွာပါ. အနီေရာင္ျပထားတဲ႔ Coding ေလးကုိ တစ္ေၾကာင္းလုံး ဖ်က္ပစ္လုိက္ပါ. Template ကုိ Save လုပ္လုိ႔ ရပါျပီ. ကဲ. အဆင္႔ (၃) ကုိ မသြားခင္ ဘာထူးျခားမလဲ ဆုိတာေလးကုိ ၾကည္႔လုိက္ၾကရေအာင္. Template ကုိကူးယူထားတဲ႔ Word/Notepad ဖုိင္ေလးကုိ ခဏဖြင္႔ထားခဲ႔ပါေနာ္. မပိတ္ပစ္လုိက္ပါနဲ႔ဦး. မူရင္း Template ကုိသာ Save လုပ္ပစ္ဖုိ႔ ေျပာတာပါ. အစမ္းၾကည္႔လုိ႔ရေအာင္လုိ႔ေလ. ကဲ. Save ျပီေနာ္. ဘေလာ႔ဂ္ကုိ ျပန္ဖြင္႔ ၾကည္႔လုိက္ရေအာင္..

ပုံမွန္အတုိင္းပါပဲ. Read More ဆုိတာေလးကုိ Click ေခါက္လုိက္ရင္ ဒီတစ္ခါက်ေတာ႔ ပုိ႔စ္ေလးက ျဖည္းျဖည္းေလး က်လာတာကုိ ေတြ႔ရပါလိမ႔္မယ္. ရင္ခုန္သြားျပီေပါ႔. ဟုတ္တယ္ဟုတ္..

ဟုိးထားဆရာ…

မျပီးေသးဘူးဗ်.

ကုိကုိမမတုိ႔ရဲ႔ ျပဳတ္က်လာတဲ႔ ဘေလာ႔ဂ္ပုိ႔စ္ေလးေတြက Background Color မွာ အျဖဴေရာင္ျဖစ္ေနတာကုိ ေတြ႔ရလိမ္႔မယ္. ကုိယ္႔ဘေလာ႔ဂ္က နဂုိကတည္းကမွ အျဖဴေရာင္ ေနာက္ခံနဲ႔ဆုိရင္ေတာ႔ ျပႆနာမရွိဘူးေပါ႔ဗ်ာ. တကယ္လုိ႔မ်ား တစ္ျခားအေရာင္ေတြသာ ေနာက္ခံျဖစ္ခဲ႔မယ္ဆုိရင္ေတာ႔ ဒီပုိ႔စ္ေရးတဲ႔ ကုိရန္ေအာင္ ၾကီးကုို ေမတၱာပို႔ေနၾကေတာ႔မွာ ျမင္ေယာင္ပါေသးတယ္..

အားပါး ေခါင္းေတြေတာ႔ ရမ္းေနၾကျပီဗ်.

Peekaboo ကုိမွ ၾကိဳက္တယ္ဆုိတဲ႔ ပရိတ္သတ္ေရ..
ဒီပုိ႔စ္ကုိဖတ္ျပီး ေခါင္းေလး ဘယ္ညာလႈပ္ခတ္ေန…
ေညာင္းျပီဆုိရင္ရပ္.. ေညာင္းျပီဆုိရင္ရပ္..
ခင္ဗ်ားပုံစံၾကည္႔ရတာ မူးမုိက္ေနျပီမွတ္
ၾကိဳက္တဲ႔အခ်ိ္န္ေလ႔လာပါ ေဟာဒီ႔ Hack ေတြမထပ္
ခင္ဗ်ားတုိ႔လာဖတ္ျပီးရင္ ကုိယ္႔ Template ကုိ Hack
ပရိသတ္ေနာက္ကုိလုိက္ သီခ်င္းေတြစြတ္တင္လုိက္
ဒါေပမယ္႔ ခင္ဗ်ားရဲ႔ဘေလာ႔ဂ္က ဘာအေတြးအေခၚမွ မရွိုခုိက္
ခဏခဏပုိ႔စ္မတင္ျပန္ရင္လည္း လာဖတ္သူေတြကမၾကိဳက္
ဒါေပမယ္႔ ပုိ႔စ္ေကာင္းေရးဖုိ႔ အငုိလြယ္ေပမယ္႔ အခက္ရႈိက္
ဒီလုိမ်ိဳး ပုိ႔စ္ေတြတင္ျပီး ဘေလာ႔ဂ္ Hack လုိက္
ဒါဆုိရင္ ရႈပ္ပါတယ္ ခုေျပာစမ္း.. ဟုိက္..

ခုဖတ္ေနတဲ႔ပုိ႔စ္က မေန႔က ပုိ႔စ္ထက္ေကာင္းတယ္
မနက္ျဖန္တင္မယ္႔ပုိ႔စ္က ဒီေန႔ပုိ႔စ္ထက္ေကာင္းမယ္
ေတာင္ၾကီးကလာတဲ႔ ေတးေရး ကုိအယ္လ္ျဖဴကေျပာတယ္
အေဟာင္းၾကီးေတာ႔ မလုပ္ၾကနဲ႔ အားလုံးကပ်င္းတယ္.

လုိခ်င္တဲ႔ပုိ႔စ္အသစ္တစ္ခု ေလာေလာဆယ္ ကၽြန္ေတာ္ေပးမယ္
ေရာ႔ ယူပါ အသစ္ကြယ္ ခင္ဗ်ားမျပင္ရင္ေတာ႔ ဘယ္ရမလဲ..

အုိး..အုိး..အုိး..အုိး..


အာ.. ေဆာရီးဗ်ာ. နည္းနည္းလြတ္သြားတယ္. ခုတေလာ ရန္ေအာင္ရယ္ ရန္ရန္ခ်မ္းရယ္ ေဂ်မီရယ္ Rap ျဖစ္ေနလုိ႔ဗ်.

ဟတ္ဟတ္ဟတ္

ကဲ ဆက္ေျပာမယ္ေနာ္.

Template ကို ျပင္ဖုိ႔ ကူးယူထားတဲ႔ Ms Word/Notepad ထဲကို ျပန္၀င္. ခုနက Peekaboo Post အတြက္ ျပင္ေရးထားတဲ႔ Coding ေလးထဲက ေနာက္ဆုံးလုိင္းေလးကုိ ၾကည္႔ပါ.

var peekaboo_bgcolor = '#ffffff';

ဆုိျပီးေတြ႔ျပီေနာ္.

ဟုတ္ျပီ. အဲဒီ႔ ကာလာကုဒ္ကုိ ေျပာင္းေပးဖုိ႔ လုိတယ္ဗ်. ကုိယ္႔ဘေလာ႔ဂ္ Background ရဲ႔ ကာလာကုဒ္အတုိင္း ျဖစ္ဖုိ႔ဘာလုပ္ရမလဲ. လြယ္ပါတယ္ Font and Color ထဲကို သြားျပီး သူ႔ရဲ႔ ကာလာကုဒ္ကုိ တေသြမတိမ္းကူးခ်ခဲ႔ေပါ႔. ဘယ္လုိသြားရမလဲ မသိေသးသူမ်ား ဆက္လက္ရႈစားပါ ခင္ဗ်ာ.

Template Tab ထဲက Font and Color ကုိသြားပါ. အဲဒီ႔မွာ Main Background Color ဆုိတာေလးကုိ Click ေခါက္လိုက္ပါ. ျပီးရင္ သူနဲ႔တစ္တန္းတည္းက ညာဘက္နားေလးကို လွမ္းၾကည္႔လုိက္ပါ. Edit Color Hex Code ဆိုတာေလးကို ေတြ႔ပါလိမ္႔မယ္. အဲဒီ႔ Box ေလးထဲက ကာလာကုဒ္ေလးကုိ ကူးယူခဲ႔ပါ. ျပီးရင္ေတာ႔ ခုနက အေပၚမွာ ေရးေပးခဲ႔တဲ႔ #ffffff ဆုိတဲ႔ ေနရာေလးမွာ ျပန္အစားသြင္း ေပးလုိက္ရင္ ကုိယ္႔ဘေလာ႔ဂ္က Background color အတုိင္း ပုိ႔စ္ေလးေတြ ေပၚလာပါလိမ႔္မယ္ ခင္ဗ်ာ.

ဒါကေတာ႔ Ramani ေျပာထားတာကုိ ထပ္မံျဖည္႔စြက္ ေရးသားထားတာပါ. အားလုံးပဲ အဆင္ေျပေခ်ာေမြ႔ၾကပါေစ.

ဒီေနရာ က ပုိ႔စ္ကုိ သင္႔ေတာ္သလုိ ဘာသာျပန္ေရးေပးထားပါတယ္…

ထပ္မံျဖည္႔စြက္ခ်က္

Slow Motion ပုိ႔စ္ေလးလုပ္တာ မေပၚဘူးဆုိသူေတြ အတြက္ Ramani ရဲ႔ Coding ေတြကုိ ကၽြန္ေတာ္ ထပ္ျပီး Hack ၾကည္႔ပါတယ္. ဘေလာ႔ဂါေတြမွာက တန္းပလိတ္ အမ်ိဳးမ်ိဳး သုံးထားၾကတာ ေတြ႔ရျပီး တစ္ခ်ိဳ႔တန္းပလိတ္ေတြမွာ ဆုိရင္ Main Background Color နဲ႔ Template Color နဲ႔ေတာင္ မတူခ်င္ၾကပါဘူး. တစ္ခ်ိဳ႔ကေတာ႔ Background Picture ေလးေတြ တင္ထားၾကေသးတယ္. ဒီေတာ႔ Peekaboo ပုိ႔စ္ေလးေတြက Slow Motion မေပၚေတာ႔ဘူးေပါ႔

ေပၚေအာင္ ကာလာေလးေတြ တူေအာင္ လုိက္ေျပာင္းဖုိ႔ ေျပာခဲ႔ျပီးျပီေနာ္. ေနာက္တစ္မ်ိဳးကေတာ႔ သူ႔ရဲ႔ ေနာက္ဆုံး Coding လုိင္းေလး ျဖစ္တဲ႔

var peekaboo_bgcolor = '#ffffff';

ဆိုတာေလးမွာ ဒီလုိေလး ျပန္ရုိက္ထည္႔ေပးပါ.

var peekaboo_bgcolor = '';

အဲဒါက တကယ္ေတာ႔ Blank ေပးလုိက္တဲ႔ သေဘာပါပဲ. ဒီတစ္ေၾကာင္းလုံး ဖ်က္ပစ္လိုက္ေတာ႔ ဘာျဖစ္မွာလဲလုိ႔ ေတြးၾကည္႔မေနပါနဲ႔ဦးေနာ္. အလုပ္မလုပ္ ေတာ႔ပါဘူး. မယုံရင္ စမ္းၾကည္႔ပါ. ကာလာအေရာင္က ေပၚျမဲေပၚေနပါလိမ္႔မယ္.

Note:

ညေလးနဲ႔ မဂ်စ္တူးေရ… ဒီတုိင္းေလး စမ္းၾကည္႔ပါ. ရပါလိမ္႔မယ္. မရရင္ ျပန္ေျပာပါ. မအိမ္႔ခ်မ္းေျမ႔ရဲ႔ ကဗ်ာဘေလာ႔ဂ္အတြက္ေတာ႔ စမ္းေပးခဲ႔တယ္. ေအာင္ျမင္ပါတယ္.

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


7 comments:

s0wha1 said...

ေက်းဇူးပါ ခင္ဗ်ာ...အိုေကသြားပါၿပီ...ဟဲ

တၿပည္သူ အိမ့္ခ်မ္းေၿမ့ said...

ဘေလာဂါေတြအားလုံးတြက္ အခ်ိန္ယူၿပင္ဆင္ေပးတဲ႔ ကိုရန္႔ကို ေက်းဇဴးပါ..

ဂ်စ္တူး - gyit_tu said...

mg yan yay... i truly appreciate this post!! :)

NLS said...

Ko Yan Aung

Can you help me to put that coding in my blog? Cuz I can not use net regularly and afraid to lost some data. I'll send my recent code to you if you help me bro.

Rgd,

NLS

s0wha1 said...

ကိုရန္ေရ...slow motion peekaboo ေတြ႕ အလုပ္မလုပ္ေတာ႔ဘူး။ မနက္ကအေကာင္း၊ ခုညေနမွ ျဖစ္သြားတာ။ ညီမဘေလာ႔ဂ္ေရၾ၊ ညီမလုပ္ေပးထားတဲ႔ အန္တီၿငိမ္းတို႔၊ အန္တီခင္တို႔ဘေလာ႔ဂ္ေရာ...ဟီး...

s0wha1 said...
This comment has been removed by the author.
Yan said...

>NLS... ရပါတယ္ ကုိညီလင္းဆက္.. Template ကုိသာ ပုိ႔ေပးလုိက္ပါ. ကၽြန္ေတာ္ Coding ေလးေတြ ထည္႔ျပီး ျပန္ပုိ႔ေပးလုိက္ပါမယ္. ကုိညီလင္းဆက္ Online လာတဲ႔ေန႔မွ တစ္ခါတည္း ေကာက္ထည္႔လုိက္ရုံပါပဲ ခင္ဗ်ာ…

>s0wha1... အားလုံး အလုပ္လုပ္ပါတယ္. ကၽြန္ေတာ္ ထပ္ၾကည္႔ေပးျပီးသြားျပီဗ်. မေမျငိမ္း၊ မခင္မင္းေဇာ္၊ မပန္ဒုိရာ၊ မအိမ္႔ခ်မ္းေျမ႔၊ မဂ်စ္တူး... အကုန္လုံး အိုေကၾကပါတယ္. ဆုိး၀ွက္ေလးရဲ႔ ဘေလာ႔ဂ္လည္း အုိေကေနပါတယ္. မရေသးဘူးဆုိရင္လည္း ထပ္ေျပာပါ. ျပန္ၾကည္႔ေပးပါမယ္...

>မလုပ္ရေသးတဲ႔သူမ်ားကုိလည္း ၾကိဳးစားၾကည္႔ၾကဖုိ႔ တုိက္တြန္းပါတယ္. အဆင္မေျပတာေလးေတြရွိရင္လည္း ျပန္ေျပာၾကပါ.

အားလုံးကုိ ခင္မင္ေလးစားလ်က္

ရန္ေအာင္