របៀបដាក់ Page Navigation Widget សំរាប់ប្លក

1.សូមចូលទៅកាន់គណនេយ្យប្លករបស់អ្នក រួចហើយជ្រើសពាក្យ Template បន្ទាប់មកចុចពាក្យ​Edit HTML សូម​មើល​តាម​រូប​ខាង​ក្រោម ៖

2.បន្ទាប់ទៀតសូមស្វែងរក (ចុច Ctrl+F) ]]></b:skin> រួច​ហើយ​ចម្លង​ដាក់​ពី​លើ ។ សូមមើលរូប

Style 1

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;} .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{padding: 3px 7px;margin-right:5px;background:#E9E9E9;color: #888;border:1px solid #E9E9E9;} .displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#CECECE;text-decoration:none;color: #000;} .showpageOf{display:none!important} #blog-pager .showpage, #blog-pager .pagecurrent{font-weight:bold;color: #888;} #blog-pager .pages{border:none;}

Style 2

#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);}

3. បន្ទាប់មកទៀតសូមស្វែងរកកូដ </body> រួចចម្លងកូនខាងក្រោមដាក់ពីមុខ ៖
-ទំព័រអាច Post បានដល់ 500 ទំព័រ

<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>

*ចំណាំ ៖ បើមិនប្ដូរក៏បានដែរ តាមចំណូលចិត្ដ
- កូដដែលត្រូវប្ដូរ (7) គឺជាចំនួនPost របស់ Page
- កូដដែលត្រូវប្ដូរ​ (6) គឺជាចំនួន Page ឧទាហរណ៍ៈ ពី 1-6
-​ កន្លែងដែលប្ដូរ First, Last, Previous, Next មើលតាមរូប Page ខាងលើ
4. ចុងក្រោយចុច Save Template
សូមអរគុណចំពោះការចូលមកប្លក់របស់ខ្ញុំ ជូនពរសំណាងល្អ !