How To Add Next And Previous Button Widget For Blogger Blog?

next&previous-button-widget
Today i will show you how to add next and previous button for blogger this is very easy tool for your visitors to saw your new and old post easily this make your blog more attractive

1) first of all go to your blogger dashboard click on layout and then click on add gadget
next&previous-button-widget
 2) Select html/javascript gadget
next&previous-button-widget
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 you can save your setting

Post a Comment

0 Comments