Peek-a-boo Post

ပို႔စ္ေတြကို Peek-a-boo ထည့္ထားရင္ အဲဒီပို႔စ္ကို အက်ဥ္းပဲ ေဖာ္ျပလို႔ရသလို အကုန္ဖတ္ခ်င္ရင္လဲ ရပါတယ္။ ဘေလာ့ေတာ္ေတာ္မ်ားမ်ားမွာလည္း အဲဒါေလးေတြ လုပ္ထားၾကပါတယ္။ ကၽြန္ေတာ့္ ပို႔စ္ေတြမွာလည္း လုပ္ထားပါတယ္။ တကယ္ေတာ့ လြယ္ပါတယ္။ ဒီလိုပါ။

ပထမဦးဆံုးကေတာ့ ထံုးစံအတိုင္း တန္းပလိတ္ကို ဘက္ကပ္လုပ္ထားပါ။ ဒါမွ ကိုယ္လုပ္တာ တစ္ခုခုမွားသြားရင္ အလြယ္တကူ မူလအတိုင္း ျပန္ရပါလိမ့္မယ္။

ဒုတိယအဆင့္အေနနဲ႔က ေဟာဒီကုဒ္ေတြကို head အဖြင့္နဲ႔ အပိတ္ၾကား ထည့္လိုက္ပါ။ ရွာရလြယ္ကူေအာင္ဆိုရင္ေတာ့ <-/head>tag ရဲ႕အေပၚနားေလးမွာပဲ ကူးထည့္လိုက္ေပါ့။

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

ေနာက္တစ္ဆင့္ကေတာ့ ဒီကုဒ္ေတြကို တန္းပလိတ္ထဲမွာ ရွာပါ။ (expand-widget ကိုေရြးထားရပါမယ္)

<b:includable id='post' var='post'>
<div class='post'>
<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' expr:id='"post-" + data:post.id'>
<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);'>Summary only...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>

အျပာေရာင္နဲ႔ေရးထားတဲ့ ကုဒ္ေတြက ရွိၿပီးသားကုဒ္ေတြျဖစ္ပါတယ္။ အနီေရာင္နဲ႔ ျပထားတဲ့ကုဒ္ေတြကို ျဖည့္ေပးရမွာပါ။ ၿပီးရင္ တန္းပလိတ္ကို save လုပ္လိုက္ပါ။ ေနာက္ဆံုးတစ္ဆင့္ပဲက်န္ပါေတာ့တယ္။

setting ထဲက formatting ဆိုတဲ့ tab ကိုသြားပါ။ ေအာက္ဆံုးနားမွာ post-template ဆိုတာကို ေတြ႕ပါလိမ့္မယ္။ အဲဒီထဲမွာ

Summary
<span id="fullpost">
Rest of your post
</span>

ဆိုတာကို ထည့္လိုက္ပါ။ Summary ဆိုတဲ့ေနရာမွာ မိမိပို႔စ္မွာ အက်ဥ္းခ်ဳပ္ေပၚခ်င္တဲ့ စာမ်ားကို ရုိက္ထည့္ရမွာပါ။ Rest of the post ကေတာ့ ကိုယ့္ပို႔စ္ရဲ႕ က်န္တဲ့စာေတြကို ေရးဖို႔ေနရာပါ။ အဲဒါေတြ အားလံုးၿပီးသြားၿပီဆိုရင္ေတာ့ စတင္အသံုးျပဳလို႔ ရပါၿပီ။



Technorati:peek-a-boo post, hacks