Awesome Orange Colored Numbered Page Navigation Widget For Blogger Blog

This is the new and awesome orange colored numbered page navigation widget on blogger blog . this will be match all blogger templates this will be add easily to blogger and websites . in this numbered page navigation will edit 1 to 10 number will be created . this navigation will work all blogs and websites properly . this widget has been most are liked . this widget will work only HTML supporting websites .

                     HOW TO ADD THIS NAVIGATION TO BLOG

5 EASY STEPS WILL REQUIRED ADD THIS NUMBERED PAGE NAVIGATION

• LOG ON BLOGGER
• CLICK LAY OUT
• ADD HTML/JAVASCRIPT
• THEN COPY AND PASTE THE BELOW CODE

<style type="text/css"> .showpageArea{padding:10px;color : #003366;text-align : left;width : 100%;} .showpage a {float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-glqEoh19pKGY4N8Ug6Ls7Dv5PhsL_8VKlNVDCgGraX9PMTSSkfNhZc4qQzaZqC5lpJiANLxKosiM7ehPQHLEPlKOt0YGjMkaJjCrF8reW8R8TBZ4P2xzU-iUr16PbDvwkEexNq0V1ir8/) no-repeat 0 0;text-align : center;width : 127px;height : 42px;text-align : center;display : block;margin : 0 5px;color : #333;padding-top : 6px;} .showpage a:hover {color : #333;margin : 0 5px;padding-top : 6px;} .showpageOf{float:left;padding-top : 6px;} .showpageNum a {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZhjJDcuSqav6uXxHL88dz6XCPtBF4k_0swdPaplV56QRRI-hZkEf4KsnsoPY_9k0vAL_1UpS0k1435Lobr9BK3dGF7Q5I_P7MI12wOngA_zAogAYNDEC6xZ9V9mtx5CK6ci_VmOcQ2xI3/) no-repeat 0 0;width : 37px;height : 42px;display : block;text-align : center;float : left;margin : 0 5px;padding-top : 6px;text-decoration : none;color : #333;} .showpageNum a:hover {background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZhjJDcuSqav6uXxHL88dz6XCPtBF4k_0swdPaplV56QRRI-hZkEf4KsnsoPY_9k0vAL_1UpS0k1435Lobr9BK3dGF7Q5I_P7MI12wOngA_zAogAYNDEC6xZ9V9mtx5CK6ci_VmOcQ2xI3/) no-repeat 0 100%;color : #fff;} .showpagePoint {background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZhjJDcuSqav6uXxHL88dz6XCPtBF4k_0swdPaplV56QRRI-hZkEf4KsnsoPY_9k0vAL_1UpS0k1435Lobr9BK3dGF7Q5I_P7MI12wOngA_zAogAYNDEC6xZ9V9mtx5CK6ci_VmOcQ2xI3/) no-repeat 0 100%;width : 37px;height : 42px;display : block;float : left;text-align : center;margin : 0 5px;padding-top : 6px;font-weight : bold;color : #fff;} .showpageNum a:link, .showpage a:link {text-decoration : none;color : #cc0000;} </style> <script style='text/javascript'> var pageCount=5; var displayPageNum=1; var upPageWord="Previous"; var downPageWord="Next"; </script>

• NOW YOU WILL CLICK THE SAVE BUTTON

NOW YOU WILL FINISH ALL THE STEPS

                                                               HAPPY BLOGGING

if you have any  ask comments