ဘေလာ့မွာ စာမ်က္ႏွာ လွလွေလးေတြ ထားၾကမယ္ေနာ္..လြယ္ကူတဲ့နည္းေလးေပါ့



မဂၤလာပါေနာ္...ကြွန္ေတာ္ သည္ေန႕ ေရးသားျဖစ္တာေလးကေတာ့  ဘေလာ့ေတြမွာ ပို႕စ္ေအာက္က စာမ်က္ႏွာ နံပါတ္ေလးေတြ ထားတဲ့ စတိုင္ေလး ေတြနဲ႕ထားမယ္ဆို နည္းလမ္းေလး အလြယ္တကူအသုံးျပဳနိဳင္ရန္ ျပန္လည္ မွ်ေ၀လိုက္ပါတယ္ေနာ္..လု္ပနည္းေတြနဲ႕အတူ ေသေသျခာျခာ ရွင္းျပထားတာမို႕ စမ္းသတ္လိုက္ပါ ...စမယ္ေနာ္..
ပထမဆုံး မိမိတို႕ ဘေလာ့ကာကို  Sing In  ၀င္လုိက္ပါေနာ္... ေရာက္တာနဲ႕ ေအာက္ပါတိုင္း ဆက္သြားလိုက္ပါ...

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  Dashboard  ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  Edit  Html   ကို၀င္ပါ..
►5- Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

အဆင့္ ( ၁  )     အေနနဲ႕  မိမိတို႕ ဘေလာ့ကာရဲ႕ Html  Code  ေတြထဲေရာက္တာနဲ႕..လိုအပ္တာေတြ ဆက္လုပ္ၾကပါမယ္ေနာ္...

ကုဒ္ေတြထဲမွာ ေမာက္တခ်က္ခ်ကလစ္ပါေနာက္  Ctrl + F ဆိုတာတြဲကလစ္လိုက္ပါ..
ကုဒ္ေတြရဲ႕ ညာအေပၚေထာင့္မွာ  Search Box  ေလးတခုကိုေတြ႕ရမွာျဖစ္ပါတယ္..
အဲေဘာက္ထဲမွာ  ေအာက္ကရွာခိုင္းတဲ့ကုဒ္ကို ထည့္ျပီး Enter ေခါက္ရွာလုိက္ပါေနာ္...
</body>  ဆိုတဲ့ကုဒ္ေလးကို ထည့္ျပီးရွာလိုက္ပါ..ေတြ႕ျပီဆိုတာနဲ႕ ေအာက္ကပုံေလးတိုင္း
ေပးထားတဲ့ကုဒ္ေတြကို  </body>  ရဲ႕ေအာက္မွာ ကပ္ထည့္ေပးလိုက္ပါ။

    ထည့္ရန္အတြက္ကုဒ္မ်ား   

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
  /*<![CDATA[*/
    var perPage=7;
    var numPages=6;
    var firstText ='First';
    var lastText ='Last';
    var prevText ='« Previous';
    var nextText ='Next »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>
  <script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/>
</b:if>
</b:if>

 သည္ပုံေလးအတိုင္း လုပ္လိုက္ပါေနာ္



ျပီးတာနဲ႕   Save Template  ဆိုတာကလစ္ေဆ့ေပးလိုက္ပါေနာ္။

 အဆင့္   (  ၂  )   အေနနဲ႕ကေတာ့ ေနာက္ထပ္  ဘေလာ့ရဲ႕ စာမ်က္ႏွာ ကုဒ္ေတြ ဒီဇိုင္းေတြ ဆိုင္ရာ ထည့္ရမွာျဖစ္ပါတယ္..။ေအာက္ကတိုင္းေပါ့
 မိမိတို႕ ကုဒ္ေတြထဲက  ကုဒ္တစ္ခုကို ထပ္ရွာရမွာျဖစ္ပါတယ္ ရွာရမဲ့ကုဒ္နဲ႕ ရွာနည္းကို ရွင္းျပပါ့မယ္..

]]></b:skin>  ဆိုတဲ့ကုဒ္ေလးကို အေပၚကရွာတဲ့အတိုင္း Search  Box  ထဲမွာထည့္ရွာရမွာပါ..
သည္ကုဒ္ေလးရွာတဲံအခါသတိထားေစလိုပါတယ္..ေတာ္ေတာ္ မ်ားမ်ားက ရွာမေတြ႕တတ္ၾကပါဘူး ဒါကလည္း ခုေနာက္ပိုင္း ကုဒ္ေတြ ေခါက္ထားတဲ့  ျပသနာေလးေၾကာင့္ဘဲျဖစ္ပါတယ္.. အဲတာကိုရွင္းျပမယ္ေနာ္..  ရွာတဲ့အခါ    b:skin   ေလးကိုဘဲ ေရးထည့္ရွာပါ။ အဲခါမွာ ေတြ႕လာတဲ့ကုဒ္ေရွ႕မွာ  မွ်ားအမည္းေလးကိုေတြ႕မယ္ အဲတာ က်ေနာ္တို႕လိုျခင္တဲ့ကုဒ္ကို ေခါက္ထားတဲ့ မွ်ားေလးပါ သူ႕ကိုကလစ္ျပီး ေျဖေပးလိုက္ပါ..
အိုေက ဒါဆို Search Box မွာ ေမာက္တခ်က္ကလစ္ Enter  တခ်က္ထပ္ေခါက္လိုက္ပါ..
ဒါဆို က်ေနာ္တို႕လိုျခင္တဲ့  ]]></b:skin>   ကုဒ္  တိုင္းေတြ႕ရပါျပီ....။
ေတြ႕တာနဲ႕ သူ႕အေပၚမွာကပ္လွ်က္  ေအာက္က မိမိတို႕ ၾကိဳက္တဲ့ ဒီဇိုင္း ပုံစံ  နံပါတ္ ( ၁ )...( ၂ )...( ၃  )
ထဲက ၾကိဳက္ရာပုံစံရဲ႕ ေပးထားတဲ့ ေဘာက္ေလးထဲက ကုဒ္ကို ထည့္ေပးလိုက္ယုံပါဘဲဗ်ာ...
ပုံေလးကို ၾကည့္လိုက္ပါ


 ျပီးတာနဲ႕  မိမိတို႕ Template  ကို Save  နိဳင္ပါျပီေနာ္...အဆင္ေျပမယ္ဆိုတာ ယုံပါတယ္..
စတိုင္ေတြရဲ႕ ကုဒ္ေတြေအာက္မွာ ယူလိုက္ပါ.. အဆင့္ ( ၂ ) မွာ ထည့္ရမဲ့ ကုဒ္ေတြေနာ္...

    ထည့္ရန္အတြက္ကုဒ္မ်ား   

ဒါေလးကေတာ့ ကြ်န္ေနာ္ကိုယ္တိုင္သုံးထားတဲ့  Style ( 1 ) ပုံစံေလးပါ



#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; } .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #AD0B00; background-color:#FAB001;} .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#DB4920;text-decoration:none;color: #fff;} #blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;} .showpageOf{display:none!important} #blog-pager .pages{border:none;}  

 ေနာက္ထပ္ စတိုင္ပုံစံ  ( ၂ ) အေနအထားေလးပါေနာ္



 #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;} .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);} .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;} #blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;} .showpageOf{display:none!important} #blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}  

ဒါကေတာ့ စတိုင္ေလးေနာက္တခု ပုံစံ  ( ၃ )  ေပါ့ဗ်ာ.



  #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; } .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #3E5801; background-color:#E0EDC1;} .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#FEF6DF;text-decoration:none;color: #E16800;} #blog-pager .pagecurrent{font-weight:bold;color: #D25E71;background:#FFDEDF;} .showpageOf{display:none!important} #blog-pager .pages{border:none;}  

 အားလုံး အဆင္ေျပ ၾကပါေစလို႕ ဆုေတာင္းလွ်က္

ဘေလာ့ခရီးသည္

www,aungsanmks.com

ဆင္မေျပပါက ခ်က္ေဘာက္မွာ ေအာ္ခဲ့ပါ။