Peekaboo ပို႔စ္ေခါက္နည္း

Contributor: ရန္ေအာင္

ကၽြန္ေတာ္႔ရဲ႔ ဘေလာ႔ဂ္မွာ ပုိ႔စ္ေလးေတြကို မိတ္ဆက္ေလးတင္ျပီးေတာ႔ က်န္တာေတြကုိ ဆက္ဖတ္ႏုိင္ေအာင္ Read More… Collapse ဆုိတာေလး လုပ္ထားတာ အားလုံးအသိပဲ ျဖစ္မွာပါ.
အဲဒါကုိ အဂၤလိပ္လုိ Peek-A-Boo Post ေလးေတြ လုိ႔ေခၚျပီးေတာ႔ ျမန္မာမႈျပဳရရင္ေတာ႔ `တူတူေရ၀ါးပုိ႔စ္´ ေလးေတြလုိ ျပန္ဆုိရပါလိမ္႔မယ္။ ပုန္းေနရာက ၀ါးဆုိ ထြက္လာလုိ႔ေလ… ဟုတ္တယ္ဟုတ္… 
ခဏခဏလာေမးတဲ႔ ေဘာ္ေဘာ္ဘေလာ႔ဂါမ်ားလည္း ေျပလည္ေအာင္၊ ေနာက္ေနာင္ မည္သူမဆုိ ကုိးကားႏုိင္ေအာင္လုိ႔ ဒီပုိ႔စ္ေလးကုိ ေရးသားလုိက္ပါတယ္ ခင္ဗ်ာ…. Template ကုိ မြမ္းမံျဖည္႔စြက္တာေတြ လုပ္ေတာ႔မယ္ဆုိရင္ ဘာမွမလုပ္ခင္ အရင္ဆုံး Backup လုပ္တာဟာ အေလ႔အထေကာင္းေလး တစ္ခုပါပဲ။ ဒါေၾကာင္႔ Template ကုိ Backup လုပ္လုိက္ပါ။ ျပီးရင္ေတာ႔ စပါျပီ...

အဆင္႔ (၁)

ဒီ script ေလးကို ကူးျပီးေတာ႔ </head>-tag မဆုံးခင္ေလးမွာ ထည္႔လုိက္ပါ။

<script src="http://yanaung.prospect.googlepages.com/myhacko.js" type="text/javascript" />

Update: (As of August 19, 2007)

Peekaboo ပုိ႔စ္ေတြ ခဏခဏ ေဒါင္းသြားတတ္တယ္လုိ႔ ျပန္ေျပာေနၾကတာ ၾကားရပါတယ္. ကၽြန္ေတာ္လုပ္ထားတဲ႔ Coding က ကၽြန္ေတာ္႔ရဲ႔ google pages မွာ တင္ထားတဲ႔ ဖုိင္နဲ႔ပါ. အဲဒါကုိ တုိက္ရုိက္ကူးမခ်ဘဲနဲ႔ ကုိယ္အဆင္ေျပတဲ႔ file hosting site တစ္ခုခုမွာ တင္ေပးဖုိ႔ ကၽြန္ေတာ္ တုိက္တြန္းခဲ႔ဖူးပါတယ္. ခုျဖစ္ရတာက တုိက္ရုိက္ယူသြားတာေတြ မ်ားေနေတာ႔ ကၽြန္ေတာ္႔ရဲ႔ google pages ေဒါင္းသြားတာပါ.

ကဲဗ်ာ. ဖုိင္ေပးလုိက္မယ္ေနာ္. ဒါကုိ အရင္ဆုံး save လုပ္ပါ.

http://yanaung.prospect.googlepages.com/myhacko.js

ျပီးရင္ File hosting site တစ္ခုခုမွာ သြားတင္ပါ. ျပီးသြားရင္ေတာ႔

< script src='http://yanaung.prospect.googlepages.com/myhacko.js' type='text/javascript'></script>

ဆုိတဲ႔ေနရာမွာ ဒီလုိ္အစားသြင္းေပးလုိက္ပါ.

<script src='Your URL' type='text/javascript'></script>

အေပၚက coding ေလးေတြက </head> မဆုံးခင္ေလးမွာ ထည္႔ခဲ႔တဲ႔ coding ေလးေတြပါ. မွတ္မိမယ္ထင္ပါတယ္. ကဲ. အဲဒါဆုိရင္ ေနာက္ထပ္ peekaboo ေဒါင္းသြားတတ္တဲ႔ ျပႆနာ မရွိႏိုင္ေတာ႔ပါဘူး. File Hosting ဘယ္လုိလုပ္ရမလဲ သိခ်င္ရင္ေတာ႔ ဒီေနရာမွာ သြားဖတ္ပါခင္ဗ်ာ.

အဆင္႔ (၂)

Template ထဲမွာ includable id=’post’ ဆုိတာေလးကို ရွာပါ။ ျပီးရင္ ေအာက္မွာ ေဖာ္ျပထားတဲ႔ အတုိင္း Code ေလးေတြကုိ အစအဆုံး အစားသြင္းလုိက္ပါ.

(အဆင္႔ (၂) အတြက္ မိမိရဲ႔ ဘေလာ႔ဂ္ဟာ New Blogger Template ကုိ သုံးေနတာ ျဖစ္ရပါမယ္. Template Tab မွာ Expand Widgets ဆုိတဲ႔ Box ေလးကို Tick လုပ္ေပးခဲ႔ဖုိ႔လည္း မေမ႔ပါနဲ႔ခင္ဗ်ာ. လုိခ်င္တဲ႔ ကုဒ္ေလးေတြကုိ အလြယ္တကူရွာေတြ႔ခ်င္ရင္ေတာ႔ Template ကုိ ေကာ္ပီကူးယူျပီး Microsoft Word ထဲမွာပဲ ျဖစ္ျဖစ္၊ Notepad ထဲမွာပဲ ျဖစ္ျဖစ္ Paste ျပန္လုပ္ပါ. ျပီးရင္ Ctrl+F ကုိႏွိပ္ျပီး လုိခ်င္တဲ႔ စာလုံးေလးေတြကုိ လုိ္က္ရွာယူပါ. )

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

<div class='post-header-line-1'/>

<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>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Read More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Collapse...</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

.... the rest of the template goes here...

Template ကုိ Save လုပ္လုိက္ပါ။

အဆင္႔ (၃)

Setting ထဲက Formatting Tab ကုိသြားျပီး Post-Template ေနရာမွာ ေအာက္ပါစာသားေလးမ်ားကုိ ရုိက္ပါ။


Type your summary here.
<span id="fullpost">
Type the rest of your post here.
</span>

Save လုပ္ပါ။

ျပီးပါျပီ…

ပုိ႔စ္ေလးေတြ တင္တဲ႔အခါမွာ မိတ္ဆက္သေဘာေလာက္ တင္ျပခ်င္တဲ႔ စာပုိဒ္ေလးေတြကုိ တစ္ပုိဒ္ေလာက္ ေဖာ္ျပေပးျပီး က်န္တာေတြကုိေတာ႔ <span id="fullpost"> ရဲ႔ ေနာက္မွာ ထည္႔လုိက္ရုံပါပဲ…

လြယ္ပါတယ္ေနာ္…. Read More, Summary Only မထည္႔ခ်င္ဘဲ ျမန္မာလုိ `အက်ယ္ဖတ္´၊ `အက်ဥ္းဖတ္´ လုိ႔ေရးရင္လည္း ရတာပါပဲ. စိတ္ခ်မ္းသာ သလုိသာ လုပ္ၾကပါ ဘေလာ႔ဂါေမာင္ႏွမတုိ႔ေရ... ကၽြန္ေတာ္ကေတာ႔ Summary ေနရာမွာ ကြန္႔ျပီးေတာ႔ Collapse လုိ႔ လုပ္ထားတယ္ဗ်...

မွတ္ခ်က္။ ။ ဒီပုိ႔စ္ေလးကုိ အဆင္ေျပေအာင္ ဘာသာျပန္ေပးထားပါတယ္. ဒီပုိ႔စ္ေခါက္တာကို လုပ္တာ ၁၀ မိနစ္ထက္ပုိမၾကာပါဘူး ခင္ဗ်ာ. စိတ္ရွည္ရွည္ထားျပီး step by step လုပ္သြားပါ. ေအာင္ျမင္ၾကပါေစ…