Thursday, 9 April 2015

Add Next & Previous Pagination Widget to Blogger

The page or widget numbering previous and next pages for Blogger blogs is almost a great gadget. You can add it to your blog and just a few steps. How many bloggers investigated this trick on how to reset your blog with the quickest and easiest method. Paging is a great way to engage visitors to your blog. So if you want to record back and forward buttons, and page numbers, you are here to do.


Pagination Widget For Blogger

The widget is designed with CSS, and JavaScript functionality. So you somewhere model only add to your blog; it seems you can add this widget with the original format of your blog and add a widget / JavaScript and HTML code to the right [side] in this context paste. The widget will not affect the loading speed of your blog because JavaScript to use encryption. So now the following steps to add the page widget to your blog.
 

How To add widget paging blog?

The following simple steps for you to add this cool widget to your Blogger blog. So follow them and enjoy the widget.

    
Log in to Blogger
    
Go to Layout
    
Add a widget
    
Add HTML / JavaScript widget
    
Copy and paste the following code into the HTML widget / JavaScript


<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 see your blog paging widget living with the number of sides and back / forward.PersonalizationIn the wildest above code the number of pages may be amended in order to show numshowpage = 3 to the desired value, you can also change the text above and in addition to any desired value.