kp3နည္းပညာ၊၂၇၃၊ဘေလာ့မွာPage Navigation အသစ္ေလးထည့္နည္း

အခုတင္တဲ့ Post ေလးကေတာ့က်ေနာ္တို ့ရဲ ့ဘေလာ့မွာ Page Navigation အသစ္ေလးထည့္ခ်င္တဲ့ဘေလာ့ မိ္တ္ေဆြေတြအတြက္ပါ။အခုတင္တာနဲ ့ဆိုရင္ ၃ ခုေျမာက္ပါဘဲ။ေနာက္တျခားဟာေတြလည္းတင္ဖို ့စဥ္းစား ထားပါတယ္။သံုးရတာအဆင္ေျပအေျပအရင္ၾကည့္ၾကေပါ့ေနာ္။က်ေနာ္ကေတာ့တျခားဟာေတြထက္ေတာ့ ပိုျပီးလွမယ္ထင္ပါတယ္၊ေအာက္မွာပံုနဲ ့Code ေပးထားပါတယ္။ ပထမတခုကေတာ့  kp3နည္းပညာ၊၁၊ နဲ ့ kp3နည္းပညာ၊၁၅၂၊မွာရွိပါတယ္။

၁။Layout

၂။Edit HTML

ေအာက္က Code ကိုရွာပါ၊

]]></b:skin>

ေတြ႕ျပီဆိုရင္အေပၚမွာေအာက္က Code ေတြကိုထည့္ေပးလိုက္ပါ။

.showpageArea {
  font-family:verdana,arial,helvetica;
  color: #000;
  font-size:11px;
  margin:10px;
  }
 
.showpageArea a {
  color: #fff;
  }
 
.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  background: #363636 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 -25px repeat-x;
  }
 
.showpageNum a:hover {
  background: #044697 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 -50px repeat-x;
  }

.showpagePoint {
  color:#fff;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  background: #e30000 url(whttp://i879.photobucket.com/albums/ab351/bloggerblogimage/wp3.jpg) 0 0 repeat-x;
  text-decoration: none;
  }

.showpageOf{
  margin:0 8px 0 0;
  }

ေအာက္က Code ကိုထပ္ရွာပါ။

</body>

ေတြ ့ျပီဆိုရင္အေပၚမွာေအာက္က Code ကိုထပ္ထည့္ေပးလိုက္ပါ။

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://files.bloggerwidgets.cz.cc/js/page-navi2.0.js' type='text/javascript'/>
</b:if>
</b:if>

၃။Save Tamplate ကိုႏိုပ္လိုက္ပါ။ျပီးပါျပီ ။ ။ ။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Related Post

PAGE NAVIGATION

• kp3နည္းပညာ၊၁၊ဘေလာ့မွာGoogleလိုNavigationထည့္ခ်င္ရင္

BLOGGER TUTORIAL

• Kp3နည္းပညာ၊၄၇၈၊ဘေလာ့CommentsFormကိုအလယ္မွာထားနည္း
• Kp3နည္းပညာ၊၄၄၄၊။ဘေလာ့ဂါ Officer ရဲ႕ဝန္ေဆာင္မူနည္းပညာသစ္Dynamic Views ၅ခု
• Kp3နည္းပညာ၊၄၄၁၊Kp3နည္းပညာသစ္မိမိရဲ႕ဘေလာ့ပိုစ္ေတြကိုCopyမရေအာင္ကာကြယ္နည္း
• Kp3နည္းပညာ၊၄၄ဝ၊Kp-3နည္းပညာသစ္မိမိရဲ႕ဘေလာ့ Tamplate ကိုေဘာင္ခတ္နည္း
• Kp3နည္းပညာ၊၄၃၇၊ဘေလာ့ Comment Form အေပၚမွာမွတ္ခ်က္ေလးထည့္ခ်င္ရင္
• Kp3နည္းပညာ၊၄၁ဝ၊ဘေလာ့ဆိုက္ဘား Title ေရွ႕မွာလြယ္ကူစြာ Logo ပံုေလးေတြထည့္နည္း
• Kp3နည္းပညာ၊၄ဝ၆၊ဘေလာ့Static Pages မွာ Read More ျဖဳတ္နည္း
• Kp3နည္းပညာ၊၄ဝ၅၊ဘေလာ့ကို Internet Explore မွာဖြင့္မရရင္ဘယ္လိုလုပ္မလဲ
• Kp3နည္းပညာ၊၄ဝ၄၊ဘေလာ့ဆိုက္ဘားေခါင္းစဥ္မွာေနာက္ခံပံုလြယ္ကူစြာထည့္နည္း
• Kp3နည္းပညာ၊၄ဝ၂၊ဘေလာ့ Blogger Template Designer ကေန Font လွလွေလးေတြရပါျပီ
• Kp3နည္းပညာ၊၄ဝဝ၊ဘေလာ့မွာCSS3သံုးျပီးပိုစ္စလံုးေတြကိုအၾကီးအေသးေျပာင္းနည္း
• Kp3နည္းပညာ၊၃၉၆၊ဘေလာ့ကိုHandဖုန္းကေနၾကည့္ရန္ဘေလာ့Officerရဲ႕အေကာင္းဆံုးနည္းပညာသစ္
• Kp3နည္းပညာ၊၃၉၁၊ဘေလာ့မွာ YouTube သီခ်င္းေတြကိုလြယ္ကူစြာပိုစ္မွာတင္နည္းအသစ္ေလး
• Kp3နည္းပညာ၊၃၈၉၊ဘေလာ့Site Feed အတြက္အေကာင္းဆံုးဘေလာ့ Officer ရဲ႕ဝန္ေဆာင္မူအသစ္
• Kp3နည္းပညာ၊၃၈၃၊ဘေလာ့ Comment မွာ Facebook Like Button ထားနည္း
• Kp3နည္းပညာ၊၃၈ဝ၊ဘေလာ့ကို Hand-Phone မွာဖတ္ရတာအဆင္ေျပေအာင္လုပ္နည္း
• Kp3နည္းပညာ၊၃၇၉၊ဘေလာ့ရက္စြဲေတြျပတဲ့ေနရာမွာUndefined ဆိုျပီးေပၚေနရင္
• Kp3နည္းပညာ၊၃၇၃၊ဘေလာ့မွာSocial Bookmarking Tool Bar အသစ္ေလးသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၃၆၁၊ဘေလာ့ Comments ေတြကိုKp3ရဲ႕ Scroll List ပံုစံေျပာင္းနည္း
• နည္းပညာ၊၃၅၆၊Kp3 ရဲ႕ဘေလာ့ Labels ေတြကို Auto Scroll လုပ္နည္း
• နည္းပညာ၊၃၅၅၊ဘေလာ့Postေနရာမွာ Add A Gadget ထည့္မရခဲ့ရင္
• kp3နည္းပညာ၊၃၅၂၊ဘေလာ့မွာ Kp3 ရဲ႕Page Views / Post Views Counter ထည့္နည္း
• kp3နည္းပညာ၊၃၄၆၊ဘေလာ့ပိုစ္ Title ကို Marquee သံုးျပီးလုပ္နည္းေလးလာပါျပီ
• kp3နည္းပညာ၊၃၄၄၊အျခားလင့္ခ္ေတြကို Mouseနဲ႕ေထာက္ရင္မူးရင္းလင့္ခ္ေပၚေအာင္လုပ္နည္း
• kp3နည္းပညာ၊၃၂၉၊ဘေလာ့မွာ KP-3 TABLE CONTENT ထည့္နည္း

Posted in: BLOGGER TUTORIAL, PAGE NAVIGATION