Page Navigation With (PageCount, Next/Prev) For Blogger

Its a continuous part of our previous blogger navigation widget which have same features but no page count text so this one features is new here in this version. By default Blogger has a simple navigation system to navigate between the posts and pages. This page navigation has just three buttons, one for next one for previous and one for home. this simple page navigation system is best to navigate between the posts but on pages and on post summary pages it does not seems good to work. For example if a visitor has to jump on directly to next to second page then he or she has to go through all the posts by using previous button.

The page navigation widget we have shared below is a very basic page navigation with one extra features that has next and previous page buttons and directly to any page no option and also having total page count option too. Usually page navigation widgets have backlink to their developers and they have their main JavaScript code hosted on remote sites. Since the remote hosting often remains down, resulting in the stoppage of the page navigation widget to work properly. Our page navigation widget has no such problem with it. We didn’t host any code anywhere. all is here so no tension of be down any time.

This page navigation is also limited to Home/Lable page only and on post page, blogger default page navigation will be back. So you have seen the screenshoot above so now the code is below. So now before proceeding to the code, have a look on our navigation widget features list and then garb the code. Its very easy to install it without editing your template that can be dangerous sometime.

Features:

1.) PageNavigation With Next/Previous And Page Count Button.
2.) Fully Customizable CSS.
3.) Easy To Install.
4.) Simple And Cross-Browser.
5.) Complete InBuilt Code, No Need To Edit Your Template.
6.) Pure JavaScript Code.
7.) Navigation Will Be Displayed Only On HomePage/LablePage.
8.) Next Post, Previous Post And Home Default Button Will Be Displayed On Post Page.
9.) No External Link Added.
10.) CSS3 Added For Style.
11.) First And Last Page Button Will Be Keep Showing.
12.) With Not Conflict With Any Code.
13.) Total Page Count Added.

How To Add In Blogspot?

1.) Go To Your www.blogger.com
2.) Open Your Desire “Blog“.
3.) Go To “Layout“.
4.) Click “Add A Gadget” Where You Want To Add It.
5.) Now Scroll To “HTML-JAVASCRIPT“
6.) Click “+” Icon To Add It.
7.) Now “Copy” The Below Code And “Paste” It To There.
8.) Leave The Title Empty.
9.) Click “Save“.
10.) Move That Gadget Below “Blog1” Gadget. Now You Are Done.

<style type="text/css">
#blog-pager {
padding: 5px 0 !important;
}
.exeSHOWactivePAGE, .exeSHOWpageCOUNT {
background:#fff !important;
cursor: no-drop;
margin-right: 5px;
}
.exeSHOWpageNO, .exeSHOWpageCOUNT, .exeSHOWactivePAGE {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf100%);
background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:6px 12px;
text-decoration:none;
margin-left: 5px;
}
.exeSHOWpageNO:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
background-color:#dfdfdf;
}
.exeSHOWpageNO a {
color:#777777;
}
</style>
<script type='text/javascript'>
var exe_post_per_page = 4;
var exe_page_num_count = 1;
var exe_show_prev_page = 'Previous';
var exe_next_prev_page = 'Next';
</script>
<script type='text/javascript'>
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('b'+e(c)+'b','g'),k[c])}}return p}('1U 1j=["QTsodlazljlaXataka12ljlljlaVaiaxanayavaKawanaiaiaAaghaka11aka1qabea18absaxanaJakagpa18ag11a1mabDaghaWab14anaJakavljlavaYa12avljlaVazaiaxanayaWljlaxanaJakljlaVaiaxanayavaKawanaiaiaAaBaka11aka1qabea18absaxanaJaka1ma18aBaWaVanavaXataka12aAaBljlaBaWljlaVazanaWaVazaiaxanayaWljlaVaiaxanayavaKawanaiaiaAaBaka11aka1qabea18absaxanaJaka1ma18aBaWaVanavaXataka12aAaBazaiakanataKaXazawana13akawazljla1ca1iaRana11aZatakaia14awapaiaAljlaVaiaxanayavaKawanaiaiaAaBaka11aka1qabea18absaxanaJaka1ma18aBaWaVanavaXataka12aAaBab13aBavaYayaKawaHaKabnaAaBatakaNaHatakaKapaxanaJakagvljlag12ab1gavatakapa14atayava12anawaiakaBaWljlaVaiaxanayavaKawanaiaiaAaBaka11aka1qabea18absaxanaJaka1ma18aBaWaVanavaXataka12aAaBab13aBavaYayaKawaHaKabnaAaBatakaNaHatakaKapawana13akawagvljlaBaWabvaVazanaWaVazaiaxanayaWljlava1da1da1davljlaVaiaxanayavaKawanaiaiaAaBaka11aka1qabea18absanaKapaHabXakab14ab18agZabBaBaWljla1da1da1dljlaVaNaHabXaWaVanavaXataka12aAaBaXapapaxabUazazabHabHabHa1daka11akaHaNakanaia1daKaYaRaBavapaHapawakaAaBabQawaYaJaJakatavabDakaRaxawanapakaiaBava12awaYanapabUavataHaJaXapab1gavaxanaNaNaHayaJabUavag13axa11ab1gavaBavapanataJakapaAaBag1ca13awanayabnaBaWaVaHaRaJava13aYataNakataAaBag15aBavaiataKaAaBaXapapaxabUazazaHaRaJabva1da13awaYaJa13awaYaJa1daKaYaRazaHaRaJaza13awanayabna1daJaHa12aBavabHaHaNapaXaAaBagRaBavaXakaHaJaXapaAaBagRaBavazaWaVazanaWaVazaNaHabXaWljlaxanaJakab18atakanljlaJakapabBawakaRakayapaiabQa1la1manaRakljla13awaYaJaZaxanaJakatljlaJakapabBawakaRakayapabQa1lag1faNljlawakayaJapaXljlaHayayakatabeabDag18ag16ljla12akakaNljlaYaxakaya1qakanataKaXagnapaYapanawag1aakaia14awapailjlazaiakanataKaXazawana13akawazljlaHayaNaka11a18a12ljla1ca14axaNanapakaNaZaRana11ljlaia14a13aiapataHayaJljla1ca1iaRana11ljla1cag1daAljla1daXapaRawljlab13ab14anaJaka1maYaAljlaVaiaKataHaxapavaiataKaAaBljla12akakaNaiazaxaYaiapaiazaia14aRaRanata1la1caRana11aZatakaia14awapaiaAabva1ianawapaAabzaiaYayaZaHayaZaiaKataHaxapa1iaKanawawa13anaKabnaAanataHapaXaRanapaHaKagtanapanaBaWaVazaiaKataHaxapaWljlabHataHapakljlawana13akawljla1iaRana11aZatakaia14awapaiaAljla12akakaNaiazaxaYaiapaiazaia14aRaRanata1lazaZazljla1canawapaAabzaiaYayaZaHayaZaiaKataHaxapa1iaKanawawa13anaKabnaAanataHapaXaRanapaHaKagtanapana1iaRana11aZatakaia14awapaiaAabvaBavaWaVazaiaKataHaxapaWljlaXakanaNljlaJakapabBawakaRakayapaiabQa1labDanaJa1manaRakljlaiaKataHaxapljlaKatakanapakabBawakaRakayapljlapa1laxakljlapaka11apazabzanabXanaiaKataHaxapljlaiataKljla12akakaNaiazaxaYaiapaiazaia14aRaRanata1la1caiapanatapaZaHayaNaka11aAljla1iaRana11aZatakaia14awapaiaAabva1ianawapaAabzaiaYayaZaHayaZaiaKataHaxapa1iaKanawawa13anaKabnaAa12aHayaNaNanapakaxaYaiapljlaiakapab18apapataHa13a14apakljlanaxaxakayaNagpaXaHawaNljla1caiapanatapaZaHayaNaka11aAljlakayapata1lljlagnapljlaxa14a13awaHaiaXakaNljlazaiakanataKaXa1ca14axaNanapakaNaZaRana11aAljla1ca14axaNanapakaNaZaRana11aAlcuQTeodsdMcjsdbcjsdgcjsdIcjsdLcjsdScjsdEcjsd10cjsdOcjsdCcjsdbMcjsdbbcjsdbgcjsdbIcjsdbLcjsdbScjsdbEcjsdb10cjsdbOcjsdbCcjsdgMcjsdgbcjsdggcjsdgIcjsdgLcjsdgScjsdgEcjsdg10cjsdgOcjsdgCcjsdb1ecjsdbkcjsdgDcjsdgHcjsdgxcjsdbpcjsdb1rcjsdgwcjsdb1icjsdgscjsdbNcjsdb16cjsdgBcjsdgecjsdb1qcjsdb1ncjsdb1dcjsdgkcjsdb1lcjsdb1acjsdgzcjsdb15cjsdb1kcjsdb1ccjsdgycjsdgAcjsdb1ocjsdb1mcjsdgXcjsdgJccuQT1poedMcuQT1gogNdedbccuQTbyuQT1fuQT1auQT1kugWqrubiTgiqb11rFQThoedgcubAobxqbY1DgruDqbAoobY1bbArFbYobA1EgmbGu1ro1a1bbAuDq1r1tbrF1robGu17obxqb111D1ermbuDq171bboob111D1erF17o171bbGubwo1rmbY1bbuDqbw1u17rFbwo17GuhmoedIcm1amedLcm17medScuQTbZobxq1ar1bbuDq1a1ubrFDq1aoogrFDq1fooedEcrFhmoed10cm1pmedOcmbhmedCcG15FhmoedbMcm1kmedbbcm1emedOcmbhmedCcGG15FDq1fooedEcrFhmoedbgcmbZmedbIcmbhmedCcG15FhmoedbLcmbZmedbIcmbhmedCcGGGuDq1r1ubrFDq1fooedEcrFhmoed10cm1pmedbScG15FhmoedbMcm1kmedbbcm1emedbScGGuDq1r1ugrFhmoedbEcGugUqQT1ho1ru1h1tobwu1hmmrFDq1aoo1hrFhmoedb10cm1hmedScG15FDq1hoobrFDq1fooedEcrFhmoed10cm1pmedbScG15FhmoedbMcm1kmedbbcm1emedbScGG15FDq1fooedEcrFhmoedbgcm1hmedbIcm1hmedCcG15FhmoedbLcm1hmedbIcm1hmedCcGGGGuDqbw1t171bbrFhmoedbOcGuDqbw1t17rFDq1fooedEcrFhmoedbgcm17medbIcm17medCcG15FhmoedbLcm17medbIcm17medCcGGuQTb12obxq1armbuDq1a1t17rFDq1fooedEcrFhmoedbgcmb12medbIcmgQmedCcG15FhmoedbLcmb12medbIcmgQmedCcGGuhmoedbCcuQTbKo1ndedgbccqedgMcruQTb1po1ndedgIccqedggcrugUqQTbRoMubR1tbKdedgLccubRmmrFbKdbRcdedgSccohGuDqbK1B1BbKdedgLcc1uMrFhoedgcGuDqb1prFb1pdedgSccohGGubiTg17qbVrFQTgVobVdedgEccuQTgYobxqgVdedg10cc1N1IUjbMrugiqgYrGubiTgWqrFQT16o1guDq16dedgCccqedgOcr1Ao1bbrFDq16dedgCccqedb1ecr1Ao1bbrF1ko16dedbkccq16dedgCccqedgOcrmbLj16dedgCccqedb1ecrrG15F1ko16dedbkccq16dedgCccqedgOcrmbLj16dedgCccqedgDcrrGGuDq16dedgCccqedgHcroo1bb1B1B16dedgCccqedgxcroo1bbrFDq16dedgCccqedgOcroo1bbrF1foedEcuDq1gdedgCccqedbpcr1Ao1bbrF1ao1gdedbkccq1gdedgCccqedbpcrmOj1gdedgLccrG15F1aobGu1ndedb1iccqedb1rcm1pmedgwcrG15F1foedgscuDq16dedgCccqedbNcroo1bbrF1eogMGuDq1gdedgCccqedbpcr1Ao1bbrF1ao1gdedbkccq1gdedgCccqedbpcrmOj1gdedgLccrG15F1aobGu1ndedb1iccqedb1rcm1pmedb16cm1kmedgBcrGGGubiTg1gqbtrFbWoqbt1bbr1E1eubyobtuQTbJo1ndedb1qccqedgecrdMcuQT1oo1ndedb1dccqedb1ncru1odedgkccoedb1lcu1odedb1kccqedb1acj1pmedgzcmbWmedb15crubJdedb1cccq1orGubiTg1eqbtrFbWoqbt1bbr1E1eubyobtuQTbJo1ndedb1qccqedgecrdMcuQT1oo1ndedb1dccqedb1ncru1odedgkccoedb1lcu1odedb1kccqedb1acj1pmedb16cm1kmedgycmbWmedb15crubJdedb1cccq1orGubiTg1iqbVrFb1fobVdedgEccdedgAccdMcuQTgKob1fdedb1mccdedb1occdedbkccqMjbCrmb1fdedb1mccdedb1occdedbkccqgIjgCruQTb1hog14qgKruDq1fooedEcrFQTb17oedgXcmb1hmedbNcm1emedbpcmbyG15FQTb17oedgOcm1kmedgJcmb1hmedbNcm1emedbpcmbyGugNdedbccob17Gu","f","JzBxU","ffffffffffPMhsIe10fhESfhEbfh10Lfh10IfPMhppIsfh10gfhEZfh10MfhECfhEIfhggfhI12fhE14fhgMfhg13fhE12fxsfhE10ffhELfQeDfhIZfPMhgOEChefhI14fhEOfhE13fh10Ofhg12fhEEfh10SfhEgfiBJifAehxANAfPMhgOEChbEfxUiA1eNAkiDfhg14fhL13fUWzifihiPzvJUPziDPzetifihiPNDBPenUxQiPzetifhI13fhgEfPMhgOEChnfBkByeAibfhL14fh10CfihiPwvAiPzetifpvnNAiyUfPMhgOEChbefJUeDUfhSIfffffffffffhLOfIbfhE11fISfsNynUxvyfhS10fPMhgOEChbOfiypfzeDJi16yUfh1010fPMhgOEChifhLSfyNAkiD18isUfyvzetifhIbfhEYfPMhgOEChbMfhSLfPMhgOEChbCfhIYfLMfhLgfPMhgOEChbgfihiPJwvVPzDiQPzetifHJvyJUeDUfh10EfihiPzetiPyNAPnvNyUfPMhgOEChCfPMhgOEChkfPMhgOEChpfhSMfhgIfSbfPMhgOEChbsfLbfLCfLEfhLbfzvJUfIMfhI11fSIfIOfPMhgOEChbifSgfS10fLOfPMhgOEChsfLSfSEfIEfLLfffffffffffLIfL10fhgLfhLIfBvvz1cetifICfhLLfI10fILfIIfPMhgOEChbpfLgfSSfSLfhgOfSMfhIIfIgfSCfsvDfBvneUxvyfihiPyihUPzDiQPzetifPMhgOEChbIfhg10fkBvttiD1cetifSOfPMhgOEChbLfhSSfhL10fhgCfiynvpi1l1h16ZvAzvyiyUfhIgfhIMfeDxUwAeUxn12eUefhLZfhSgfh10bfhL12fhLCfDipxDinUBekiBfDipxDinUzetifhS13fsxyppeUizvJU","","sDvAZweDZvpi","DizBeni","aVm","ak","t"];1O(1w(1y,1z,19,1v,1s,1C){1s=1w(19){1x(19<1z?1j[4]:1s(1R(19/1z)))+((19=19%1z)>1J?1H[1j[5]](19+1L):19.1K(1M))};1G(!1j[4][1j[6]](/^/,1H)){1F(19--){1C[1s(19)]=1v[19]||1s(19)};1v=[1w(1s){1x 1C[1s]}];1s=1w(){1x 1j[7]};19=1};1F(19--){1G(1v[19]){1y=1y[1j[6]](1P 1Q(1j[8]+1s(19)+1j[8],1j[9]),1v[19])}};1x 1y}(1j[0],1S,1T,1j[3][1j[2]](1j[1]),0,{}));',62,119,'||||||||||x5C|x31|x5D|x5B|x61|x7C|x32|x78|x65|x2C|x62|x22|x2B|x63|x3D|x64|x28|x29|x66|x67|x3B|x6F|x68|x69|x6E|x70|x6D|x6C|x39|x72|x36|x7B|x7D|x6A|x33|x73|x6B|x34|x30|x75|x38|x5F|x76|x71|x35|x20|x74|x77|x79|x7A|x41|x43|x37|x42|x44|x46|x45|x47|x49|x48|x4C|_0x1830x3|x4A|x2D|x50|x4B|x4E|x4D|x4F|x52|x51|_0xadaa|x53|x55|x54|x57|x58|x56|x5A|x59|_0x1830x5|x3C|x3E|_0x1830x4|function|return|_0x1830x1|_0x1830x2|x21|x26|_0x1830x6|x2F|x2A|while|if|String|x24|35|toString|29|36|x2E|eval|new|RegExp|parseInt|62|177|var'.split('|'),0,{}))
</script>