Friday, August 17, 2007

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 လုပ္သြားပါ. ေအာင္ျမင္ၾကပါေစ…

29 comments:

  1. ကိုရန္ေအာင္ႀကီးးး
    back to trouble u again :P
    step by step သြားတာ အားလံုးအဆင္ေျပဒယ္..
    save လုပ္ေတာ့လည္း error မျပဖူးး
    ဒါေပမယ့္ ပိုစ့္တင္လဲပီးေရာ Read more ကို click ၾကည့္လိုက္ေတာ့ ဘာမွက်မလာဖူးးး။
    ကူညီပါအံုးးး

    ReplyDelete
  2. ကိုရန္ေအာင္ႀကီးးး
    back to trouble u again :P
    step by step သြားတာ အားလံုးအဆင္ေျပဒယ္..
    save လုပ္ေတာ့လည္း error မျပဖူးး
    ဒါေပမယ့္ ပိုစ့္တင္လဲပီးေရာ Read more ကို click ၾကည့္လိုက္ေတာ့ ဘာမွက်မလာဖူးးး။
    ကူညီပါအံုးးး

    ReplyDelete
  3. ကိုရန္ၾကီးေရ.. ေဗဒါလုပ္ၾကည့္တာလည္း အေပၚကလူေတြနဲ႕တူတူပဲ read more ကို click တာဘာမွမက်လာဘူး.. လုပ္ပါအံုး..

    ReplyDelete
  4. ဗ်ဳိ႕ ကိုရန္ေအာင္ေရ ကၽြန္ေတာ္လဲ အေပၚကလူေတြလိုပဲ ဗ်ဳိ႕
    ဘာဆက္လုပ္ရမလဲ ကူညီပါဦး။

    ReplyDelete
  5. ကိုရန္ေအာင္
    step by step သြားတာလဲ အဆင္ေျပတယ္.
    error လဲမျပဘူး။
    ဒါေပမဲ႔ ပိုစ္႔လဲတင္ျပီးေရာ Type your summary here. နဲ႔ Type the rest of your post here. ေပၚေနတယ္။ Read More ကို ႏိွပ္ေတာ႔လဲ ဘာမွမက်လာဘူး။
    အခု ျပင္ရင္းနဲ႔ Read More ပါ ေပ်ာက္သြားျပီ။
    ကိုရန္ေအာင္ အခ်ိန္ရရင္ေတာ႔ အၾကံေပးပါဦး

    ReplyDelete
  6. မရေသးဘူးဗ်
    b:includable id='post' var='post' ကိုေတာ့ေတြ႕တယ္ ကိုရန္ေအာင္ေပးတဲ့ code ေတြကို အစားသြင္းလိုက္ေတာ့ end div tag ေတြေတာင္းေနတယ္ဗ်ာ 10 မိနစ္သာေျပာတယ္ ဒီမွာ ေန႔လည္စာလြတ္သြားတယ္ ခုထိမရေသးဘူး။ :(

    ReplyDelete
  7. step by step လုပ္တာပဲ file hosting ကိုလဲ
    လုပ္ထားတာပဲ template မွာ save လုပ္ေတာ႕
    error တက္ေတာ့တာပဲ လုပ္ပါဦးဗ်ာ:(

    ReplyDelete
  8. ကၽြန္ေတာ္ ကိုရန္ႀကီးေျပာတဲ့အတိုင္းလုပ္တာေတာ့ အားလံုးအဆင္ေျပတယ္ခင္ဗ်..
    read more မွာ click လို႔ မရတာက java error ေၾကာင့္ပါ...

    java host လုပ္ထားတဲ့စာေလး head tag ေပၚမွာ ေပၚမေပၚ ျပန္ check ၾကည့္ပါအံုး.. anyway ကို ရန္ႀကီးေရ ေက်းဇူး...

    ReplyDelete
  9. "' ေတြကုိ တန္းပလိတ္ကလက္မခံဘူးဗ်ာ ဘာေၾကာင့္လဲ
    ကုိရန္ေအာင္ေရ အားရင္ရွင္းျပေပးပါအုံး
    ကူညီပါအုံး

    ReplyDelete
  10. id=’post’ ဆုိတာေလးကို ရွာလို ့ရဘူး ဘယ္လိုလုပ္ရမလဲ အကို ရွင္းျပေပးပါအံုး ထည့္တာလည္း မရဘူး

    ReplyDelete
  11. အကိူ ကၽြန္ေတာ္ ဒီ post ေခါက္တာကို လုပ္ၾကည့္တာ မရဘူးၿဖစ္ေနပါတယ္။error ၿပေနတာပါ။

    ReplyDelete
  12. < script src='http://yanaung.prospect.google
    pages.com/myhacko.js' type='text/javascript'/ >
    < /head >
    အေပၚ္ေလးမွာအရင္ထည့္ပါျပီးရင္
    http://beautifulbeta.blogspot.com/2006/09/super-peek-boo-posts.html
    မွာၾကည့္ပါအေရာင္ေလးနဲ႕ျပထားတယ္အနီေလးပဲ
    ျဖည့္ရမယ္ < div class='post-body' မွာ
    post-body ကတျခားနာမည္ျဖစ္ေနရင္မေျပာင္းပါနဲ႕
    ရဲရင့္templateမွာကဒီလိုလာတယ္
    div class='entry' expr:id=
    (space ေလးျခားေနတာသတိျပဳပါ) good luck

    ReplyDelete
  13. 48နာရီၾကာမွရတဲ့အေျဖေလးပါ ဟီးဟီး
    ဒါကရဲရင့္ဘေလာ့ေလးပါ..

    www.yeyintnge.blogspot.com

    ကိုရန္ေအာင္ၾကီးလဲေက်ဇူးပါ။။။။

    FREE FREE .....FREE BURMA.....

    ReplyDelete
  14. အစ္ကိုရန္ေရ ကၽြန္ေတာ္လဲ ဒီပိုစ္ ေခါက္တာကို လုပ္လို႔မရေသးဘူးဗ် ဘာေတြမွားေနလဲ မသိေတာ့ဘူး ..မူးေတာင္မူးလာၿပီဗ်...

    ReplyDelete
  15. က်ေနာ္ကေတာ့ ေအာက္က Trick and Tip Blog ကအတိုင္းလုပ္တာ လြယ္တယ္ဗ်.. စမ္းၾကည့္ၾကပါ ..
    အဲဒီ Blog ထဲက Tips ေတြက က်ေနာ္တို႔လို Blogger အသစ္ေတြအတြက္ ေတာ္ေတာ္မ်ားမ်ား အသံုး၀င္တယ္ဗ် .. :D
    http://trick-blog.blogspot.com/2008/02/show-or-hide-your-full-post-in-blogger.html

    ReplyDelete
  16. ေက်းဇူးပါပဲအစ္ကို။ ကြ်န္႕ေတာ့္ ပို႕စ္ ေခါက္လို႕ရသြားပါျပီ။ ေနာက္ထပ္ျပီး ဒုကၡေပးခ်င္တာကေတာ့ သက္ဆိုင္ရာ title ေတြနဲ႕ ပို႕စ္ ေတြကို ဘယ္လို တြဲေပးရမလဲဗ်ာ။ ကြ်န္ေတာ့ ဘေလာ့မွာ title ေတြေတာ့ လုပ္ျပီးပါျပီ။ ဒါေပမယ့္ ဘယ္လို လင့္ လုပ္ရမွန္းမသိဘူး။ ကူညီပါဦး...။ ေက်းဇူးတင္လ်က္...။

    ReplyDelete
  17. error ႀကီးျပေနလို ့ပါခင္ဗ်ာ.
    အဆင့္ ၂မွာပါ ကူညီပါဦး

    ReplyDelete
  18. ေတာ္ေတာ္ႀကီးကိုတံုးလုိ ့ပါဗ်ာ
    အဆင့္ႏွဏ္မွာ
    .... the rest of the template goes here...
    အဲဒါပါကူးျပီၚေတာ့ထည့္ရမွာလားခင္ဗ်ာ...
    အဲးါကူးျပီၚထည့္ထည့္..မထည့္ထည့္
    ေဆ့လည္းေဆ့လိုက္ေရာ
    အဲရာဆိုျပီး
    We were unable to save your template
    Please correct the error below, and submit your template again.
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The element type "b:widget" must be terminated by the matching end-tag "".
    အခုလိုႀကီးပဲေပၚလာပါတယ္ဗ်ာ...
    ျပန္ႀကည့္ေပးပါဦးခင္ဗ်ာ

    ReplyDelete
  19. This comment has been removed by the author.

    ReplyDelete
  20. @AM - </div> အထိပဲ ကူးထည့္ေပးရပါမယ္ ခင္ဗ်ာ. .... the rest of the template goes here... ကိုပါ ကူးထည့္စရာ မလိုပါ.

    ReplyDelete
  21. လုပ္လို႔မရဘူး...read more doesn't work

    ReplyDelete
  22. အကုိေရ.လုပ္ထားတာေလးပါပ်က္သြားတယ္ဗ်ာ့

    ReplyDelete
  23. ရဘူး
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The element type "div" must be terminated by the matching end-tag "
    ".
    ႊအဲဒါႀကီး ႏွစ္ခါ သံုးခါျပန္ေပၚလာတယ္

    ReplyDelete
  24. ဆရာေရကယ္ပါဗ်ာတကယ္ရွာေတြ႕၀ူး id='Post' ကို
    moore35u@gmail.com ကိုဆက္သြယ္ေပးပါေနာ္။မရုိမေသဗ်ာ

    ReplyDelete
  25. This comment has been removed by the author.

    ReplyDelete
  26. This comment has been removed by the author.

    ReplyDelete
  27. ကိုရန္ေအာင္ေရ.. မရိုမေသဗ်ာ.. အစ္ကို႔ post ေနာက္မွာညႊန္းရလို႔.. ကၽြန္ေတာ္ http://beautifulbeta.blogspot.com/2006/09/super-peek-boo-posts.html အဲ့ဒီက Post နဲ႔အဆင္ေၿပသြားပါတယ္.. (eversimplex@gmail.com) (www.neverender.co.cc)

    ReplyDelete
  28. မရဘူးဆရာေရ...

    ReplyDelete
  29. ကြၽန္ေတာ္ Blog ရဲ႔ေအာက္ကပုိ႔စ္မွာလဲတၿခားနည္းတဲ့လုပ္တဲ့
    နည္းကုိ႐ွင္းၿပထားပါတယ္၊ beginner အတြက္အဆင္ေၿပပါလိမ့္
    မယ္

    http://waihinlinn.blogspot.com/2010/06/blog-read-more-function.html

    တခါထဲကြၽန္ေတာ္ Blog သစ္ကုိလဲဖိတ္ေခၚပါတယ္ = )

    ReplyDelete