blog tips and triks: Numbered Page Navigation For Blogger New Script Numbered Page Navigation

Today we will see how to add a nice page number navigation hack blogger. The default navigation links (i.e Older Posts) is not the friendly visitor if you are having a lot of jobs and bloggers readers.Few has some problems with the above script navigation page. Now here is a completely new script and work for numbered page navigation (i.e. Panigation) for Blogger. The paging widget for blogger it easy for the visitor. It is a must have for any new blogs.This new script allows you to add numbered page navigation to blogger/ blogspot blog with page numbers starting(1, 2, 3, 4 ….) like those of a book.

Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link. (In The Header Area)

Step 2. After click on Add a Gadget link A pop-up box will open now

with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.

margin:0px 1px 0 1px;padding:3px 10px;color:#eee;line-height:30px;cursor:pointer;}.showpageNum a:hover,.showpage a:hover {

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQm3oTtGGKrz6Niq7sazcxEZCkGpfoC0Xs4N5rPkT5JE1Qwz_7G2vK0tEKIpiueauw1ITLXbPZbdfZh8AhZrT4S5X-c3K9YHuoqVMyqzLgaq0LBhO08C3qdRYAeL8maoHDFPAJtq0mXTE/s1600/transpdark.png) repeat-x;background-position:0px -15px;

border:2px solid #555;-webkit-border-radius:3px;

-moz-border-radius:3px;border-radius:3px;color:#ffffff;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0;

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQm3oTtGGKrz6Niq7sazcxEZCkGpfoC0Xs4N5rPkT5JE1Qwz_7G2vK0tEKIpiueauw1ITLXbPZbdfZh8AhZrT4S5X-c3K9YHuoqVMyqzLgaq0LBhO08C3qdRYAeL8maoHDFPAJtq0mXTE/s1600/transpdark.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:30px;padding:3px 10px;color:#eee;}.showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQm3oTtGGKrz6Niq7sazcxEZCkGpfoC0Xs4N5rPkT5JE1Qwz_7G2vK0tEKIpiueauw1ITLXbPZbdfZh8AhZrT4S5X-c3K9YHuoqVMyqzLgaq0LBhO08C3qdRYAeL8maoHDFPAJtq0mXTE/s1600/transpdark.png) repeat-x;background-position:0px -15px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:2px solid #aaa;-webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;color:#eee;text-decoration:underline;font-weight:bold;

</style> <a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script style='text/javascript'>

var postperpage=5;

var numshowpage=3;

var upPageWord="Prev";

var downPageWord="Next";

var home_page="/";

var urlactivepage=location.href;

</script>

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5rHeek45_E32K9qcogkhJt05vAzB_OnWzhQUGE29KRtruUXl46KhULAXuT56KqpiY5Gjot36hUX-gDUKX_K13lbYGoRw4NTpBjXPlF_PQmqpsE90wPpsCh8zJgrJvhCYY6_gMZSbObUY/s1600/darkblue.png) repeat-x;

border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;

margin:0px 1px 0 1px;padding:3px 10px;color:#FFF;line-height:30px;cursor:pointer;white-space:nowrap;

}.showpageNum a:hover,.showpage a:hover {

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5rHeek45_E32K9qcogkhJt05vAzB_OnWzhQUGE29KRtruUXl46KhULAXuT56KqpiY5Gjot36hUX-gDUKX_K13lbYGoRw4NTpBjXPlF_PQmqpsE90wPpsCh8zJgrJvhCYY6_gMZSbObUY/s1600/darkblue.png) repeat-x;

border:2px solid #5C8CFB;-webkit-border-radius:7px;

-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:none;

}.showpageOf{

margin:0 8px 0 0;

line-height:30px;padding:3px 10px;color:#FFF;

}.showpagePoint {

margin:0 3px 0 3px;padding:3px 10px;

line-height:30px;cursor:pointer;white-space:nowrap;

border:2px solid #5C8CFF;-webkit-border-radius:7px;

-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:underline;font-weight:bold;

} </style> <a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script style='text/javascript'>

var postperpage=5;

var numshowpage=3;

var upPageWord="Prev";

var downPageWord="Next";

var home_page="/";

var urlactivepage=location.href;

</script>

blog tips and triks

Sunday, April 19, 2015

Numbered Page Navigation For Blogger New Script Numbered Page Navigation

No comments:

Post a Comment