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

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

Тип навигации: Постраничная, нумерованная

Описание: Новая постраничная навигация в отличии от предыдущих версий имеет более легкий скрипт. Еще одним главным преимуществом является то, что она безлимитная. Старые версии отображают всего 150 сообщений блога. Пользователь может сразу перейти к самому последнему (первому) сообщению одним кликом. Можно ставить на любые темы blogger, в том числе contempo soho emporio notable. Виджет переведен на русский язык.

Установка:
1). В шаблоне (теме) найдите строку ]]></b:skin> перед ней добавьте код:

.showpageOf{display:inline-block;font-size:90%;padding:7px 12px;vertical-align:top;line-height:20px;}
.showpagePoint{background:#333;color:#fff;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 #f0f0f0;transition:color .3s}
.showpage a:hover,.showpageNum a:hover{background-color:#fefefe;color:#454545;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);transition:color .3s}

2) Найдите тег </body> перед ним вставьте скрипт:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=7;var numshowpage=3;var upPageWord ='Обратно';var downPageWord ='Дальше';var urlactivepage=location.href;var home_page="/";
/*]]>*/
</script>
<script> 
var _0xc844=[&quot;&quot;,&quot;\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&quot;,&quot;\x20\u0438\u0437\x20&quot;,&quot;\x3C\x2F\x73\x70\x61\x6E\x3E&quot;,&quot;\x70\x61\x67\x65&quot;,&quot;\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&quot;,&quot;\x22\x3E&quot;,&quot;\x3C\x2F\x61\x3E\x3C\x2F\x73\x70\x61\x6E\x3E&quot;,&quot;\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&quot;,&quot;\x3F\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D&quot;,&quot;\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&quot;,&quot;\x29\x3B\x72\x65\x74\x75\x72\x6E\x20\x66\x61\x6C\x73\x65\x22\x3E&quot;,&quot;\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&quot;,&quot;\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&quot;,&quot;\x22\x3E\x31\x3C\x2F\x61\x3E\x3C\x2F\x73\x70\x61\x6E\x3E&quot;,&quot;\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&quot;,&quot;\x70\x61\x67\x65\x41\x72\x65\x61&quot;,&quot;\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x4E\x61\x6D\x65&quot;,&quot;\x62\x6C\x6F\x67\x2D\x70\x61\x67\x65\x72&quot;,&quot;\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64&quot;,&quot;\x6C\x65\x6E\x67\x74\x68&quot;,&quot;\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C&quot;,&quot;\x66\x65\x65\x64&quot;,&quot;\x6F\x70\x65\x6E\x53\x65\x61\x72\x63\x68\x24\x74\x6F\x74\x61\x6C\x52\x65\x73\x75\x6C\x74\x73&quot;,&quot;\x2F\x73\x65\x61\x72\x63\x68\x2F\x6C\x61\x62\x65\x6C\x2F&quot;,&quot;\x69\x6E\x64\x65\x78\x4F\x66&quot;,&quot;\x3F\x75\x70\x64\x61\x74\x65\x64\x2D\x6D\x61\x78&quot;,&quot;\x73\x75\x62\x73\x74\x72\x69\x6E\x67&quot;,&quot;\x3F\x26\x6D\x61\x78&quot;,&quot;\x3F\x71\x3D&quot;,&quot;\x2E\x68\x74\x6D\x6C&quot;,&quot;\x23\x50\x61\x67\x65\x4E\x6F\x3D&quot;,&quot;\x3C\x73\x63\x72\x69\x70\x74\x20\x73\x72\x63\x3D\x22&quot;,&quot;\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&quot;,&quot;\x77\x72\x69\x74\x65&quot;,&quot;\x6C\x61\x62\x65\x6C&quot;,&quot;\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D&quot;,&quot;\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x73\x75\x6D\x6D\x61\x72\x79\x2F\x2D\x2F&quot;,&quot;\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&quot;,&quot;\x68\x65\x61\x64&quot;,&quot;\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65&quot;,&quot;\x73\x63\x72\x69\x70\x74&quot;,&quot;\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74&quot;,&quot;\x74\x79\x70\x65&quot;,&quot;\x74\x65\x78\x74\x2F\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74&quot;,&quot;\x73\x72\x63&quot;,&quot;\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&quot;,&quot;\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&quot;,&quot;\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65&quot;,&quot;\x61\x70\x70\x65\x6E\x64\x43\x68\x69\x6C\x64&quot;,&quot;\x3F\x73\x74\x61\x72\x74\x2D\x69\x6E\x64\x65\x78\x3D&quot;,&quot;\x65\x6E\x74\x72\x79&quot;,&quot;\x24\x74&quot;,&quot;\x70\x75\x62\x6C\x69\x73\x68\x65\x64&quot;,&quot;\x2F\x73\x65\x61\x72\x63\x68\x3F\x75\x70\x64\x61\x74\x65\x64\x2D\x6D\x61\x78\x3D&quot;,&quot;\x3F\x75\x70\x64\x61\x74\x65\x64\x2D\x6D\x61\x78\x3D&quot;,&quot;\x68\x72\x65\x66&quot;];function loophalaman(_0x160bx2){var _0x160bx3=_0xc844[0];nomerkiri= parseInt(numshowpage/ 2),nomerkiri== numshowpage- nomerkiri&amp;&amp; (numshowpage= 2* nomerkiri+ 1),mulai= nomerhal- nomerkiri,mulai&lt; 1&amp;&amp; (mulai= 1),maksimal= parseInt(_0x160bx2/ postperpage)+ 1,maksimal- 1== _0x160bx2/ postperpage&amp;&amp; (maksimal-= 1),akhir= mulai+ numshowpage- 1,akhir&gt; maksimal&amp;&amp; (akhir= maksimal),_0x160bx3+= _0xc844[1]+ nomerhal+ _0xc844[2]+ maksimal+ _0xc844[3];var _0x160bx4=parseInt(nomerhal)- 1;nomerhal&gt; 1&amp;&amp; (_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&gt; 1&amp;&amp; (_0x160bx3+= _0xc844[4]== jenis?_0xc844[13]+ home_page+ _0xc844[14]:_0xc844[8]+ lblname1+ _0xc844[9]+ postperpage+ _0xc844[14]),mulai&gt; 2&amp;&amp; (_0x160bx3+= _0xc844[0]);for(var _0x160bx5=mulai;_0x160bx5&lt;= 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&lt; maksimal- 1&amp;&amp; (_0x160bx3+= _0xc844[0]),akhir&lt; maksimal&amp;&amp; (_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&lt; maksimal&amp;&amp; (_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&lt; _0x160bx7[_0xc844[20]];_0x160bx9++){_0x160bx7[_0x160bx9][_0xc844[21]]= _0x160bx3};_0x160bx7&amp;&amp; _0x160bx7[_0xc844[20]]&gt; 0&amp;&amp; (_0x160bx3= _0xc844[0]),_0x160bx8&amp;&amp; (_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])&amp;&amp; (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])&amp;&amp; -1== _0x160bx2[_0xc844[25]](_0xc844[30])&amp;&amp; (-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])&amp;&amp; (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>

3). Сохраните тему.


Поделиться

Facebook TwitterGoogle+ Vkontakte

Рекомендуем

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

17 Коммент.

Оставить комментарий
avatar
Пани Приятная
августа 17, 2017

О! Спасибо большое! А то мой предыдущий скрипт перестал работать. С вашим скриптом есть постраничная навигация.

Ответить
avatar
Галкин Ярослав С.
декабря 12, 2017

А можно ли такую навигацию продублировать в верхней части сообщений? И еще вопрос, не по теме, но по теме blogger, Как сделать кнопку, которая будет хранить состояние на основе Куков пользователя?

Ответить
avatar
Галкин Ярослав С.
декабря 12, 2017

Спасибо за пост. Вещь классная. Еще идея на эту тему, может реализуете. Добавить возможность пользователю выбирать номер страницы, будет удобно когда страниц порядка 100, вчера дочитал, до 43, а завтра нужно снова листать на 44.

Ответить
avatar
Марк Корвин
декабря 12, 2017

Продублировать нет, либо вверху, либо внизу. Второй вопрос не совсем понял.

Ответить
avatar
Марк Корвин
декабря 12, 2017

В скрипте есть значение numshowpage=3 отвечает за количество отображаемых страниц можно выставить хоть на 1000) наверно)

Ответить
avatar
Галкин Ярослав С.
декабря 13, 2017

Есть, работает. Только тогда навигация на две строки расползается) Но все равно не плохо.

Ответить
avatar
Галкин Ярослав С.
декабря 13, 2017

Попробую по другому сформулировать. Я формирую на блоггер задачники ОГЭ и ЕГЭ. Закидываю туда задачки всякие как сообщения. Помимо ярлыков, ясное дело, хотелось бы, чтобы пользователь мог ставить пометку, что он эту задачу посмотрел или решил. Сделать это только на основе куков, без авторизаций. Как-то так. Это как пометка уже посещенных ссылок. Только нужных кодов найти не могу.

Ответить
avatar
Марк Корвин
декабря 14, 2017

Иначе никак)

Ответить
avatar
Марк Корвин
декабря 14, 2017

Ну не знаю, может это поможет. В Дизайне - Сообщения блога можно добавить кнопки реакции (забавно, интересно, круто) эти кнопки можно переименовать под "решили задачку" "не решили задачку".

Ответить
avatar
Галкин Ярослав С.
декабря 14, 2017

Не, эти кнопки учитывают выбор ответа, но галка ответа не сохраняется. Т.е. кук пользователя считается, но обратной связи нет.

Ответить
avatar
Марк Корвин
декабря 14, 2017

Других вариантов нет.

Ответить
avatar
Блоггер "Туловище инвестора"
января 07, 2018

А нельзя сделать, чтобы там где находится разрыв между страницами, между третьей и скажем двадцать шестой был символ трёх точек? "..." ? А то сейчас это выглядит как-то немножко странно, а так сразу разрыв будет виден.

Ответить
avatar
Блоггер "Туловище инвестора"
января 07, 2018

За скрипт, кстати отдельное огромное спасибо! Пол инета наверно перерыл, пока нашёл рабочий вариант и это оказался ваш вариант! (в предыдущем комменте я имел ввиду разрыв между например третьей страницей и последней).

Ответить
avatar
Марк Корвин
января 08, 2018

Неа, нельзя проставить.

Ответить
avatar
Блоггер "Туловище инвестора"
января 09, 2018

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

Ответить
avatar
Марк Корвин
января 09, 2018

Да, все верно, тут ничего не поделаешь.

Ответить
avatar
Блоггер "Туловище инвестора"
января 09, 2018

Очень, очень жаль.

Ответить