วิธีเพิ่มหมายเลขหน้า (Number Page Navigation) ให้กับ Blogger

   วันนี้เรามาดูวิธีการเพิ่มหมายเลขหน้าให้กับ Blogger กัน วิธีทำก็ง่ายๆ เพียงแค่ไม่กี่ขั้นตอน

1. ให้ไปที่ Blogger Dashboard > Template > แล้วคลิก Edit HTML

2. ให้ค้นหาโด้ดดังต่อไปนี้ โดยการกด Ctrl+F

</body>

3. นำโค้ดดังต่อไปนี้ไปวางไว้ก่อน </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>

4. ค้นหาโค้ดดังต่อไปนี้ โดยการกด Ctrl+F

]]></b:skin>

5. นำโค้ดดังต่อไปนี้ไปวางไว้ก่อนหน้าโค้ด ]]></b:skin>

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

6. จากนั้นกด บันทึกเทลมเพลต แค่นี้ก็เสร็จเรียบร้อย