Add Number Widget in Blogger

Hey Friends!Today i will be able to show you the way to feature next and former button for diaryger this is often terribly straightforward tool for your guests to saw your new and previous post simply this build your blog a lot of engaging.

1) first of all go to your blogger dashboard click on layout and then click on add gadget

2) Select html/javascript gadget

3) Now Finally paste the following below codes in html/javascript window

• <style type=”text/css”>
  
  #blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:normal}.showpageNum a{padding:2px 8px;margin:0 4px;text-decoration:none;border-bottom:2px solid #5fb404;border-top:2px solid #5fb404;background:#effbf5}.showpageNum a:hover{border-bottom:2px solid #df01d7;background:#a9f5f2;border-top:2px solid #df01d7}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#fff;text-shadow:0 1px 2px #333;padding:2px 8px;margin:2px;font-weight:700;border-bottom:2px solid #5e610b;border-top:2px solid #5e610b;background:#5e610b;text-decoration:none}
  </style>
  <script style=’text/javascript’>
  var postperpage=3; var numshowpage=3; var upPageWord=”Prev”; var downPageWord=”Next”; var home_page=”/”; var urlactivepage=location.href;
  </script>
  <script style=’text/javascript’ src=’http://safir85.ucoz.com/24work-blogspot/page-navigation/0-test-p-n-01_00.js’>
  </script>

• 
  

4) Now save your setting And Now You Are Done :D