How to create Recent posts in Blog

စာေရးသူ၏Blog sidebar တြင္ Recent posts ေလးမ်ားကို ေတြ႔ရမည္ၿဖစ္သည္။
အက်ိဳးမွာ အလြယ္တကူ ရွာေဖြႏိုင္ပါသည္။
လုပ္နည္းမွာလည္း ခက္ခဲၿခင္းမရွိပါ။
လုန္နည္းမွာ........



(၁)Dashboard မွတစ္ဆင္႔ layout ကိုူသြားပါ။
(၂)Layout မွတစ္ဆင္႕ Siadebar ရွိ Add a gadget ကို clickပါ။

(၃)Html/Javascript ကိူု clickပါ။
ထို႔ေနာက္ ေအာက္မွ ကုဒ္မ်ားအား ကူးယူၿပီးထည္႔ပါ။
<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 7; var showpostdate = false; var showpostsummary =false; var numchars = 100; </script>
<script src="http://BLOG NAME.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
(၄)BLOG NAME ေနရာတြင္ မိမိ ဘေလာခ္႔နာမည္အား ေရးပါ။
numberposts ေနရာတြင္ မိမိ ေပၚေစခ်င္သည္႔ posts အေရအတြက္ကိုေရးပါ။


How to create read more in blog

ဘေလာခ္႔မ်ားတြင္ ရွည္လ်ားေသာ ပိုစ္႔မ်ားတင္ေသာအခါ မလိုအပ္ပဲ အခ်ိန္ ၾကာၿမင္႔ပါသည္။
သို႔ၿဖစ္ပါေသာေၾကာင္႔ Read more ဟုေသာ Link ၿဖင္႔ ဘေလာခ္႔ပို႔တစ္ခုအား ခ်ံဳ႔(သို႔မဟုတ္)ေခါက္ထားႏိုင္ပါသည္။
Read more link အား click ပါက ေခါက္ထားေသာ ပိုစ္႔၏ အဆံုးကို replace ၿပန္လုပ္ေပးမည္ၿဖစ္သည္။
Blog တြင္ read more ဟူေသာ link ၿပဳလုပ္ၿခင္းကို (peek-a-boo)ခ်ံဳ႔(သို႔)ပိုစ္႔ေခါက္ၿခင္းဟုေခၚပါသည္။
လုပ္နည္းအဆင္႔ဆင္႔မွာ........




(၁)ဘေလာခ္႔ကို log in ၀င္ပါ။
(၂)Dashboard မွတစ္ဆင္႔ Layout မွ Edit Html ကို click ပါ။
(၃)template မွ ညာဘက္အေပၚေထာင္႔ရွိ Expand Widgets Template ကို အမွန္ၿခစ္(check)ၿပဳလုပ္ပါ။
(၄)ေအာက္တြင္ၿပထားေသာ Html codeတစ္ခုမဟုတ္ တစ္ခု ကို ရွာေဖြပါ။ရွာေဖြရလြယ္ကူေစရန္ Ctrl+F ကိုႏွိပ္ၿပီး Search box မွတစ္ဆင္႔ရွာေဖြပါ။
<div class='post-header-line-1'/>
<div class='post-body'>
(သို႔မဟုတ္)

&alt;div class='post-header-line-1'/>
<div class='post-body entry-content'>

(၅)ေတြ႔ရွိပါက ေအာက္တြင္ေပးထားေသာ CODES မ်ားအား အေပၚရွိCODES တစ္ခုခု၏ေအာက္တြင္ ကပ္လွ်က္ထည္႔ပါ။
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
(၆)ထို႔ေနာက္ ဆက္လက္ကာ ေအာက္တြင္ၿပထားေသာ ကုဒ္ကို ဆက္လက္ရွာေဖြပါ။
<data:post.body/>
(၇)ထို ကုဒ္၏ေအာက္တြင္ ေအာက္မွ ကူဒ္အား ဆက္လက္ ထည္႔ပါ။

<a expr:href='data:post.url'>Read More......</a>
</b:if>
Read more......စာသားေနရာတြင္ မိမိႏွစ္သက္ရာထည္႔ႏိုင္ပါသည္။
(၈)ထို႔ေနာက္ template ကို save ပါ။
(၉)ထို႔ေနာက္ Setting မွတစ္ဆင္႔ formatting ကိုသြားပါ။
(၁၀)ေအာက္မွ ကုဒ္အား ကူးယူၿပီး ေအာက္ဆံုးရွိ text area တြင္ ထည္႔ပါ။

<span class="fullpost">



</span>
(၁၁)save setting ကို click ပါ။
(၁၂)ယခုကဲ႔သို႔ၿပဳလုပ္ၿခင္းသည္ ပိုစ္႔တင္တိုင္း ပါ၀င္ေနေစရန္ၿဖစ္သည္။