Безлимитная постраничная навигация для Blogger

Виджет безлимитной постраничной навигации, как и хлебные крошки, создан для удобства читателей. В отличие от родной блогерской, нумерованная навигация позволяет быстро перемещаться с первой страницы на последнюю. И легко устанавливается в любой шаблон Blogger.

Установка безлимитной постраничной навигации в Blogger

Для установки безлимитной нумерованной навигации, откроете редактор шаблонов. Найдите строку: ]]></b:skin> . И выше нее помещаете код:

.showpageOf{display:inline-block;font-size:90%;padding:7px 12px;vertical-align:top;line-height:20px;}
.showpagePoint{background: #0000FF;color: #FFFFFF;display:inline-block;vertical-align:top;line-height:20px;padding:7px 12px;margin:0;font-size:14px;text-align:center;border-left:1px solid #f0f0f0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);transition:initial}
.showpage a,.showpageNum a{display:inline-block;vertical-align:top;line-height:20px;padding:7px 12px;margin:0;font-size:14px;text-align:center;border-left:1px solid #20B2AA;transition:color .3s}
.showpage a:hover,.showpageNum a:hover{background-color: #00FFFF;color:#454545;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);transition:color .3s}

Данный код отвечает за внешнее оформление виджета. Вы всегда сможете подстроить его под дизайн своего сайта. Смотрите ниже, что можете поменять:

#0000FF - Цвет квадрата, показывающего на какой странице находишься.

#FFFFFF - Цвет текста в квадрате.

#20B2AA - цвет разделителя.

#00FFFF - цвет квадрата, при наведении курсора.

После этого, ищете строку: </body>. Над ней вставляете код:

<b:if cond='data:blog.pageType == "index"'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=5;var numshowpage=4;var upPageWord ='Назад';var downPageWord ='Вперед';var urlactivepage=location.href;var home_page="/";
/*]]>*/
</script>
<script>
var _0xc844=["","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x27\x73\x68\x6F\x77\x70\x61\x67\x65\x4F\x66\x27\x3E\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430\x20","\x20\u0438\u0437\x20","\x3C\x2F\x73\x70\x61\x6E\x3E","\x70\x61\x67\x65","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x6F\x77\x70\x61\x67\x65\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x73\x70\x61\x6E\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x6F\x77\x70\x61\x67\x65\x4E\x75\x6D\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x2F\x73\x65\x61\x72\x63\x68\x2F\x6C\x61\x62\x65\x6C\x2F","\x3F\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x6F\x77\x70\x61\x67\x65\x4E\x75\x6D\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x23\x22\x20\x6F\x6E\x63\x6C\x69\x63\x6B\x3D\x22\x72\x65\x64\x69\x72\x65\x63\x74\x70\x61\x67\x65\x28","\x29\x3B\x72\x65\x74\x75\x72\x6E\x20\x66\x61\x6C\x73\x65\x22\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x6F\x77\x70\x61\x67\x65\x4E\x75\x6D\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x23\x22\x20\x6F\x6E\x63\x6C\x69\x63\x6B\x3D\x22\x72\x65\x64\x69\x72\x65\x63\x74\x6C\x61\x62\x65\x6C\x28","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x6F\x77\x70\x61\x67\x65\x4E\x75\x6D\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x31\x3C\x2F\x61\x3E\x3C\x2F\x73\x70\x61\x6E\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x6F\x77\x70\x61\x67\x65\x50\x6F\x69\x6E\x74\x22\x3E","\x70\x61\x67\x65\x41\x72\x65\x61","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x4E\x61\x6D\x65","\x62\x6C\x6F\x67\x2D\x70\x61\x67\x65\x72","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x6C\x65\x6E\x67\x74\x68","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x66\x65\x65\x64","\x6F\x70\x65\x6E\x53\x65\x61\x72\x63\x68\x24\x74\x6F\x74\x61\x6C\x52\x65\x73\x75\x6C\x74\x73","\x2F\x73\x65\x61\x72\x63\x68\x2F\x6C\x61\x62\x65\x6C\x2F","\x69\x6E\x64\x65\x78\x4F\x66","\x3F\x75\x70\x64\x61\x74\x65\x64\x2D\x6D\x61\x78","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\x3F\x26\x6D\x61\x78","\x3F\x71\x3D","\x2E\x68\x74\x6D\x6C","\x23\x50\x61\x67\x65\x4E\x6F\x3D","\x3C\x73\x63\x72\x69\x70\x74\x20\x73\x72\x63\x3D\x22","\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x73\x75\x6D\x6D\x61\x72\x79\x3F\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D\x31\x26\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x68\x69\x74\x75\x6E\x67\x74\x6F\x74\x61\x6C\x64\x61\x74\x61\x22\x3E\x3C\x2F\x73\x63\x72\x69\x70\x74\x3E","\x77\x72\x69\x74\x65","\x6C\x61\x62\x65\x6C","\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D","\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x73\x75\x6D\x6D\x61\x72\x79\x2F\x2D\x2F","\x3F\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x68\x69\x74\x75\x6E\x67\x74\x6F\x74\x61\x6C\x64\x61\x74\x61\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D\x31\x22\x20\x3E\x3C\x2F\x73\x63\x72\x69\x70\x74\x3E","\x68\x65\x61\x64","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x73\x63\x72\x69\x70\x74","\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74","\x74\x79\x70\x65","\x74\x65\x78\x74\x2F\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74","\x73\x72\x63","\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x73\x75\x6D\x6D\x61\x72\x79\x3F\x73\x74\x61\x72\x74\x2D\x69\x6E\x64\x65\x78\x3D","\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D\x31\x26\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x66\x69\x6E\x64\x64\x61\x74\x65\x70\x6F\x73\x74","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x61\x70\x70\x65\x6E\x64\x43\x68\x69\x6C\x64","\x3F\x73\x74\x61\x72\x74\x2D\x69\x6E\x64\x65\x78\x3D","\x65\x6E\x74\x72\x79","\x24\x74","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x2F\x73\x65\x61\x72\x63\x68\x3F\x75\x70\x64\x61\x74\x65\x64\x2D\x6D\x61\x78\x3D","\x3F\x75\x70\x64\x61\x74\x65\x64\x2D\x6D\x61\x78\x3D","\x68\x72\x65\x66"];function loophalaman(_0x160bx2){var _0x160bx3=_0xc844[0];nomerkiri= parseInt(numshowpage/ 2),nomerkiri== numshowpage- nomerkiri&& (numshowpage= 2* nomerkiri+ 1),mulai= nomerhal- nomerkiri,mulai< 1&& (mulai= 1),maksimal= parseInt(_0x160bx2/ postperpage)+ 1,maksimal- 1== _0x160bx2/ postperpage&& (maksimal-= 1),akhir= mulai+ numshowpage- 1,akhir> maksimal&& (akhir= maksimal),_0x160bx3+= _0xc844[1]+ nomerhal+ _0xc844[2]+ maksimal+ _0xc844[3];var _0x160bx4=parseInt(nomerhal)- 1;nomerhal> 1&& (_0x160bx3+= 2== nomerhal?_0xc844[4]== jenis?_0xc844[5]+ home_page+ _0xc844[6]+ upPageWord+ _0xc844[7]:_0xc844[8]+ lblname1+ _0xc844[9]+ postperpage+ _0xc844[6]+ upPageWord+ _0xc844[7]:_0xc844[4]== jenis?_0xc844[10]+ _0x160bx4+ _0xc844[11]+ upPageWord+ _0xc844[7]:_0xc844[12]+ _0x160bx4+ _0xc844[11]+ upPageWord+ _0xc844[7]),mulai> 1&& (_0x160bx3+= _0xc844[4]== jenis?_0xc844[13]+ home_page+ _0xc844[14]:_0xc844[8]+ lblname1+ _0xc844[9]+ postperpage+ _0xc844[14]),mulai> 2&& (_0x160bx3+= _0xc844[0]);for(var _0x160bx5=mulai;_0x160bx5<= akhir;_0x160bx5++){_0x160bx3+= nomerhal== _0x160bx5?_0xc844[15]+ _0x160bx5+ _0xc844[3]:1== _0x160bx5?_0xc844[4]== jenis?_0xc844[13]+ home_page+ _0xc844[14]:_0xc844[8]+ lblname1+ _0xc844[9]+ postperpage+ _0xc844[14]:_0xc844[4]== jenis?_0xc844[10]+ _0x160bx5+ _0xc844[11]+ _0x160bx5+ _0xc844[7]:_0xc844[12]+ _0x160bx5+ _0xc844[11]+ _0x160bx5+ _0xc844[7]};akhir< maksimal- 1&& (_0x160bx3+= _0xc844[0]),akhir< maksimal&& (_0x160bx3+= _0xc844[4]== jenis?_0xc844[10]+ maksimal+ _0xc844[11]+ maksimal+ _0xc844[7]:_0xc844[12]+ maksimal+ _0xc844[11]+ maksimal+ _0xc844[7]);var _0x160bx6=parseInt(nomerhal)+ 1;nomerhal< maksimal&& (_0x160bx3+= _0xc844[4]== jenis?_0xc844[10]+ _0x160bx6+ _0xc844[11]+ downPageWord+ _0xc844[7]:_0xc844[12]+ _0x160bx6+ _0xc844[11]+ downPageWord+ _0xc844[7]);for(var _0x160bx7=document[_0xc844[17]](_0xc844[16]),_0x160bx8=document[_0xc844[19]](_0xc844[18]),_0x160bx9=0;_0x160bx9< _0x160bx7[_0xc844[20]];_0x160bx9++){_0x160bx7[_0x160bx9][_0xc844[21]]= _0x160bx3};_0x160bx7&& _0x160bx7[_0xc844[20]]> 0&& (_0x160bx3= _0xc844[0]),_0x160bx8&& (_0x160bx8[_0xc844[21]]= _0x160bx3)}function hitungtotaldata(_0x160bx2){var _0x160bx3=_0x160bx2[_0xc844[22]],_0x160bx4=parseInt(_0x160bx3[_0xc844[23]].$t,10);loophalaman(_0x160bx4)}function halamanblogger(){var _0x160bx2=urlactivepage;-1!= _0x160bx2[_0xc844[25]](_0xc844[24])&& (lblname1= -1!= _0x160bx2[_0xc844[25]](_0xc844[26])?_0x160bx2[_0xc844[27]](_0x160bx2[_0xc844[25]](_0xc844[24])+ 14,_0x160bx2[_0xc844[25]](_0xc844[26])):_0x160bx2[_0xc844[27]](_0x160bx2[_0xc844[25]](_0xc844[24])+ 14,_0x160bx2[_0xc844[25]](_0xc844[28]))),-1== _0x160bx2[_0xc844[25]](_0xc844[29])&& -1== _0x160bx2[_0xc844[25]](_0xc844[30])&& (-1== _0x160bx2[_0xc844[25]](_0xc844[24])?(jenis= _0xc844[4],nomerhal= -1!= urlactivepage[_0xc844[25]](_0xc844[31])?urlactivepage[_0xc844[27]](urlactivepage[_0xc844[25]](_0xc844[31])+ 8,urlactivepage[_0xc844[20]]):1,document[_0xc844[34]](_0xc844[32]+ home_page+ _0xc844[33])):(jenis= _0xc844[35],-1== _0x160bx2[_0xc844[25]](_0xc844[36])&& (postperpage= 20),nomerhal= -1!= urlactivepage[_0xc844[25]](_0xc844[31])?urlactivepage[_0xc844[27]](urlactivepage[_0xc844[25]](_0xc844[31])+ 8,urlactivepage[_0xc844[20]]):1,document[_0xc844[34]](_0xc844[32]+ home_page+ _0xc844[37]+ lblname1+ _0xc844[38])))}function redirectpage(_0x160bx2){jsonstart= (_0x160bx2- 1)* postperpage,nopage= _0x160bx2;var _0x160bx3=document[_0xc844[40]](_0xc844[39])[0],_0x160bx4=document[_0xc844[42]](_0xc844[41]);_0x160bx4[_0xc844[43]]= _0xc844[44],_0x160bx4[_0xc844[48]](_0xc844[45],home_page+ _0xc844[46]+ jsonstart+ _0xc844[47]),_0x160bx3[_0xc844[49]](_0x160bx4)}function redirectlabel(_0x160bx2){jsonstart= (_0x160bx2- 1)* postperpage,nopage= _0x160bx2;var _0x160bx3=document[_0xc844[40]](_0xc844[39])[0],_0x160bx4=document[_0xc844[42]](_0xc844[41]);_0x160bx4[_0xc844[43]]= _0xc844[44],_0x160bx4[_0xc844[48]](_0xc844[45],home_page+ _0xc844[37]+ lblname1+ _0xc844[50]+ jsonstart+ _0xc844[47]),_0x160bx3[_0xc844[49]](_0x160bx4)}function finddatepost(_0x160bx2){post= _0x160bx2[_0xc844[22]][_0xc844[51]][0];var _0x160bx3=post[_0xc844[53]][_0xc844[52]][_0xc844[27]](0,19)+ post[_0xc844[53]][_0xc844[52]][_0xc844[27]](23,29),_0x160bx4=encodeURIComponent(_0x160bx3);if(_0xc844[4]== jenis){var _0x160bx5=_0xc844[54]+ _0x160bx4+ _0xc844[36]+ postperpage+ _0xc844[31]+ nopage}else {var _0x160bx5=_0xc844[24]+ lblname1+ _0xc844[55]+ _0x160bx4+ _0xc844[36]+ postperpage+ _0xc844[31]+ nopage};location[_0xc844[56]]= _0x160bx5}var nopage,jenis,nomerhal,lblname1;halamanblogger()
</script>
</b:if>

Данный скрипт отвечает за количество выводимых сообщений в виджете, тут вы можете изменить:

5 - количество сообщений, выводимое на главной странице.

4 - количество страниц, отображаемых в виджете.

Назад Вперед - отображаемы текст.

Настройки для исправной работы скрипта навигации

Для исправной работы безлимитной постраничной навигации необходимо чтобы количество сообщений на главной совпадало в настройках блога и в скрипте. Иначе, при переходе с одной страницы на другую, часть сообщений будет "съедаться".

Также, необходимо настроить аналогичное количество статей, выводимое на страницах с ярлыками и на странице поиска.

Поиск по этому блогу

С миру по нитке

Безлимитная постраничная навигация для Blogger

Установка безлимитной постраничной навигации в Blogger

Настройки для исправной работы скрипта навигации

Комментарии

Безлимитная постраничная навигация для Blogger

Установка безлимитной постраничной навигации в Blogger

Настройки для исправной работы скрипта навигации

Рекомендуем

Комментарии