Top Ad unit 728 × 90

Breaking News

recent

How to Add Next And Previous bloggerPagination Widget





Pagination or Previous and Next Pages listing gizmo for blogger blogs is nearly a good gizmo. you'll be able to add it to your diary simply and simply with few steps. As several diarygers explore for this trick that the way to page their blog by mistreatment the fastest and simplest way. number could be a smart technique to interact guests inside your diary. thus if wish to incorporate previous and next buttons in conjunction with page numbers then you're here to try and do thus.


The gizmo is meant with CSS and also the practicality is from JavaScript. thus you may simply ought to add it somewhere on your diary template; apparently, you'll be able to add this gizmo by mistreatment your blog’s Layout page Associate in Nursingd add an HTML/JavaScript gizmo and straight paste the given code [on this page] within that. The gizmo won’t have an effect on your blog’s loading speed owing to mistreatment few codes of JavaScript. thus currently follow the given steps to feature this number gizmo to your diary.

How to add blogPagination widget to Blogger?

Following straightforward steps ar for you so as to feature this cool appliance to your web logger blog. therefore follow them and luxuriate in the appliance

  • Log-in to Blogger Dashboard
  • Go to Layout
  • Add a Widget
  • Add HTML/JavaScript Widget
  • Copy Below code and paste inside HTML/JavaScript widget

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

Save the widget and view your blog for a live pagination widget with number of pages and next/Previous buttons.
Customization 
In the bolder codes above you can change the number of pages to show fromnumshowpage=3 to any value you want, also you can  change the text Prev and Next to any value you want.
How to Add Next And Previous bloggerPagination Widget Reviewed by sajid sohail on 18:06 Rating: 5

No comments:

All Rights Reserved by Online Computer Training For Beginners © 2016
Designed by myonlineustaad

Contact Form

Name

Email *

Message *

Powered by Blogger.