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

Posted in: BLOGGER TUTORIAL, PAGE NAVIGATION