Тип навигации: Постраничная, нумерованная
Описание: Новая постраничная навигация в отличии от предыдущих версий имеет более легкий скрипт. Еще одним главным преимуществом является то, что она безлимитная. Старые версии отображают всего 150 сообщений блога. Пользователь может сразу перейти к самому последнему (первому) сообщению одним кликом. Можно ставить на любые темы blogger, в том числе contempo soho emporio notable. Виджет переведен на русский язык.
Виджеты для Blogger 2018
Установка:
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 == "index"'>
<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=["","\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>
3). Сохраните тему.
35 Коммент.
Оставить комментарийО! Спасибо большое! А то мой предыдущий скрипт перестал работать. С вашим скриптом есть постраничная навигация.
ОтветитьА можно ли такую навигацию продублировать в верхней части сообщений? И еще вопрос, не по теме, но по теме blogger, Как сделать кнопку, которая будет хранить состояние на основе Куков пользователя?
ОтветитьСпасибо за пост. Вещь классная. Еще идея на эту тему, может реализуете. Добавить возможность пользователю выбирать номер страницы, будет удобно когда страниц порядка 100, вчера дочитал, до 43, а завтра нужно снова листать на 44.
ОтветитьПродублировать нет, либо вверху, либо внизу. Второй вопрос не совсем понял.
ОтветитьВ скрипте есть значение numshowpage=3 отвечает за количество отображаемых страниц можно выставить хоть на 1000) наверно)
ОтветитьЕсть, работает. Только тогда навигация на две строки расползается) Но все равно не плохо.
ОтветитьПопробую по другому сформулировать. Я формирую на блоггер задачники ОГЭ и ЕГЭ. Закидываю туда задачки всякие как сообщения. Помимо ярлыков, ясное дело, хотелось бы, чтобы пользователь мог ставить пометку, что он эту задачу посмотрел или решил. Сделать это только на основе куков, без авторизаций. Как-то так. Это как пометка уже посещенных ссылок. Только нужных кодов найти не могу.
ОтветитьИначе никак)
ОтветитьНу не знаю, может это поможет. В Дизайне - Сообщения блога можно добавить кнопки реакции (забавно, интересно, круто) эти кнопки можно переименовать под "решили задачку" "не решили задачку".
ОтветитьНе, эти кнопки учитывают выбор ответа, но галка ответа не сохраняется. Т.е. кук пользователя считается, но обратной связи нет.
ОтветитьДругих вариантов нет.
ОтветитьА нельзя сделать, чтобы там где находится разрыв между страницами, между третьей и скажем двадцать шестой был символ трёх точек? "..." ? А то сейчас это выглядит как-то немножко странно, а так сразу разрыв будет виден.
ОтветитьЗа скрипт, кстати отдельное огромное спасибо! Пол инета наверно перерыл, пока нашёл рабочий вариант и это оказался ваш вариант! (в предыдущем комменте я имел ввиду разрыв между например третьей страницей и последней).
ОтветитьНеа, нельзя проставить.
ОтветитьА в чём сложность? Просто хочется понять... у других скриптов нумерации вполне три точки вписываются, но просто ваш самый лучший, кроме этого нюанса. Неужели это никак сделать нельзя? Или у вас просто совсем отличающийся особенный механизм расчёта нумерации, где нельзя ничего встроить?
ОтветитьДа, все верно, тут ничего не поделаешь.
ОтветитьОчень, очень жаль.
Ответитьспасибо, всё получилось http://www.dianalysis.ru/
ОтветитьВся информация до встречи с Вашим постом была устаревшей и не работала. Сначала, и с Вашими настройками были неполадки. Отображалась "одна из дной" с 4-мя постами, хотя должна была быть вторая страница с пятым постом (в блоггере настройка по 4 поста на странице). Но, когда синхронизировал количество постов в Вашем коде с блоггером, всё получилось. УРА! Огромное Вам спасибо!
ОтветитьЗдравствуйте, не подскажите как можно поменять название Страница 1 из 2 на Page 1 of 2
ОтветитьПриветствую. Скачайте файл по ссылке https://drive.google.com/open?id=1YDxgHy5-mmqKeeaiFubpdb_2hiKKecjp
ОтветитьТам два скрипта, один на русском, второй на английском.
Большое спасибо!!!
ОтветитьСпасибо! Получилось)
ОтветитьСпааасибо!!! все перерыла ничего не подходило - а этот код просто - восторг!!!
ОтветитьПриветствую! Есть блог на блогере,. Поставил постраничную навигацию, по Вашему видео. Но при нажатии далее открывается просто карта блога. Как можно исправить данный казус. С уважением Андрей. Мой блог https://kosolapovblog.blogspot.com/
ОтветитьПриветствую. Отписал вам на youtube.
ОтветитьТакая проблема:
ОтветитьВ блоге 91 пост. В настройках количество сообщений на главной странице - 9. Всего получается 11 страниц на главной. На девяти страницах отображается по девять анонсов сообщений с картинкой.
На десятой отображается только 7 из девяти, которые должны были бы отображаться согласно настроек. На 11-й странице отображается анонс с картинкой поста, т.е. как и должно быть.
Что сделать с этими двумя "пропавшими" постами ума не приложу.
Уже менял даты публикации сообщений, поигрался - вместо этих постов пропадают другие, а эти появляются...
Что не так с настройками? Шаблон BlogBoard.
https://www.shablonu-dlya-blogger.ru/2018/10/v-blogger-otobrazhayutsya-ne-vse-soobscheniya-bloga-blogspot.html
ОтветитьСпасибо, помогло. Повставлял Читать далее в 12 последних постов.
Ответитьhttps://www.shablonu-dlya-blogger.ru/2018/10/v-blogger-otobrazhayutsya-ne-vse-soobscheniya-bloga-blogspot.html
ОтветитьНе работает. У меня 11 сообщений, в настройках выставил отображение на главной 7, в итоге на 1 странице отображаются 7 сообщений, на 2 вообще ничего, т.е. 4 сообщение теряются... если добавить еще 2 сообщения(итого 13), на 2 странице начинают отображаться нужные сообщения. Магия какая-то.
Шаблон базовый, пробовал другие. Так же, как и менял количество отображений на 5 (при 11 сообщений), получалось 5 на 1, 2 на 2странице (3терялось).
Или для блога это нормальное явление?
Все может быть...сейчас у меня нет времени смотреть, проверять, в 20 числах будет больше времени, тогда и гляну на такую схему. Еще скажите название шаблона.
ОтветитьВозможно новичкам и не только будет интересно проверить этот факт, попробуйте у себя такой вариант и отпишите здесь в комментариях.
Как и обещал проверил навигацию для нескольких стандартных шаблонов блоггера, с указанным количеством сообщений все работает.
ОтветитьДа, все работает. На базовом шаблоне "Notable" не работало, и еще на пару скаченных. Возможно из за того, что везде присутствовала кнопка дальше, и не требовалась ссылка "дальше", для появление кнопки.
ОтветитьЗдравствуйте! Поставил себе эту навигацию и пользуюсь ей до сих пор, спасибо вам за труды. Перечитал комментарии и понял, что некоторые столкнулись с проблемой неправильного отображения сообщений на главной и последующих страниц. Не знаю, как у других но как я понял, у меня всё дело было в длине постов, то есть элементарно blogger установил определённые рамки по длине для постов, которые отображаются на главной странице.
ОтветитьТо есть, если вы в настройках установили, что должно отображаться 5 постов, у него есть свои рамки по длине для пяти постов, за которые заходить нельзя. Если у вас все посты длинные он их и подрубит под столько, как он считает, что сюда должны умещаться то количество, что вы указали, и если они не влезают, он их просто отбрасывает.
Решается просто добавлением ссылки "Дальше", под каждый свой пост, получается вы их просто укорачиваете. Надеюсь, поможет, мне помогло.
Приветствую. Ограничений по длине постов в Блоггере нет. Неправильное отображение происходит по нескольким причинам, подробней можно прочитать и посмотреть видео здесь - https://www.shablonu-dlya-blogger.ru/2018/10/v-blogger-otobrazhayutsya-ne-vse-soobscheniya-bloga-blogspot.html
Ответить