Відео інструкція:
Посторіночна навігація значно спрощує процес взаємодії користувачів з контентом блога. Таким чином читачі можуть усього навсього в декілька кліків дістатися до потрібної публікації. Саме тому я рекомендую вам встановити додаток під назваю "Нумерована посторіночна навігація".
Як встановити нумеровану навігацію в блог на Blogger
Для встановлення віджету скопіюйте HTML код зі спеціальної форми, та слідуйте вказівкам на відео.<style>
.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}
</style><b:if cond='data:blog.pageType == "index"'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=7;var numshowpage=4;var upPageWord ='Назад';var downPageWord ='Далі';var urlactivepage=location.href;var home_page="/";
/*]]>*/
</script>
<script>
var _0xd326=["","\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\u043E\u0440\u0456\u043D\u043A\u0430\x20","\x20\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(_0x9ee8x2){var _0x9ee8x3=_0xd326[0];nomerkiri= parseInt(numshowpage/ 2),nomerkiri== numshowpage- nomerkiri&& (numshowpage= 2* nomerkiri+ 1),mulai= nomerhal- nomerkiri,mulai< 1&& (mulai= 1),maksimal= parseInt(_0x9ee8x2/ postperpage)+ 1,maksimal- 1== _0x9ee8x2/ postperpage&& (maksimal-= 1),akhir= mulai+ numshowpage- 1,akhir> maksimal&& (akhir= maksimal),_0x9ee8x3+= _0xd326[1]+ nomerhal+ _0xd326[2]+ maksimal+ _0xd326[3];var _0x9ee8x4=parseInt(nomerhal)- 1;nomerhal> 1&& (_0x9ee8x3+= 2== nomerhal?_0xd326[4]== jenis?_0xd326[5]+ home_page+ _0xd326[6]+ upPageWord+ _0xd326[7]:_0xd326[8]+ lblname1+ _0xd326[9]+ postperpage+ _0xd326[6]+ upPageWord+ _0xd326[7]:_0xd326[4]== jenis?_0xd326[10]+ _0x9ee8x4+ _0xd326[11]+ upPageWord+ _0xd326[7]:_0xd326[12]+ _0x9ee8x4+ _0xd326[11]+ upPageWord+ _0xd326[7]),mulai> 1&& (_0x9ee8x3+= _0xd326[4]== jenis?_0xd326[13]+ home_page+ _0xd326[14]:_0xd326[8]+ lblname1+ _0xd326[9]+ postperpage+ _0xd326[14]),mulai> 2&& (_0x9ee8x3+= _0xd326[0]);for(var _0x9ee8x5=mulai;_0x9ee8x5<= akhir;_0x9ee8x5++){_0x9ee8x3+= nomerhal== _0x9ee8x5?_0xd326[15]+ _0x9ee8x5+ _0xd326[3]:1== _0x9ee8x5?_0xd326[4]== jenis?_0xd326[13]+ home_page+ _0xd326[14]:_0xd326[8]+ lblname1+ _0xd326[9]+ postperpage+ _0xd326[14]:_0xd326[4]== jenis?_0xd326[10]+ _0x9ee8x5+ _0xd326[11]+ _0x9ee8x5+ _0xd326[7]:_0xd326[12]+ _0x9ee8x5+ _0xd326[11]+ _0x9ee8x5+ _0xd326[7]};akhir< maksimal- 1&& (_0x9ee8x3+= _0xd326[0]),akhir< maksimal&& (_0x9ee8x3+= _0xd326[4]== jenis?_0xd326[10]+ maksimal+ _0xd326[11]+ maksimal+ _0xd326[7]:_0xd326[12]+ maksimal+ _0xd326[11]+ maksimal+ _0xd326[7]);var _0x9ee8x6=parseInt(nomerhal)+ 1;nomerhal< maksimal&& (_0x9ee8x3+= _0xd326[4]== jenis?_0xd326[10]+ _0x9ee8x6+ _0xd326[11]+ downPageWord+ _0xd326[7]:_0xd326[12]+ _0x9ee8x6+ _0xd326[11]+ downPageWord+ _0xd326[7]);for(var _0x9ee8x7=document[_0xd326[17]](_0xd326[16]),_0x9ee8x8=document[_0xd326[19]](_0xd326[18]),_0x9ee8x9=0;_0x9ee8x9< _0x9ee8x7[_0xd326[20]];_0x9ee8x9++){_0x9ee8x7[_0x9ee8x9][_0xd326[21]]= _0x9ee8x3};_0x9ee8x7&& _0x9ee8x7[_0xd326[20]]> 0&& (_0x9ee8x3= _0xd326[0]),_0x9ee8x8&& (_0x9ee8x8[_0xd326[21]]= _0x9ee8x3)}function hitungtotaldata(_0x9ee8x2){var _0x9ee8x3=_0x9ee8x2[_0xd326[22]],_0x9ee8x4=parseInt(_0x9ee8x3[_0xd326[23]].$t,10);loophalaman(_0x9ee8x4)}function halamanblogger(){var _0x9ee8x2=urlactivepage;-1!= _0x9ee8x2[_0xd326[25]](_0xd326[24]) && (lblname1= -1!= _0x9ee8x2[_0xd326[25]](_0xd326[26])?_0x9ee8x2[_0xd326[27]](_0x9ee8x2[_0xd326[25]](_0xd326[24])+ 14,_0x9ee8x2[_0xd326[25]](_0xd326[26])):_0x9ee8x2[_0xd326[27]](_0x9ee8x2[_0xd326[25]](_0xd326[24])+ 14,_0x9ee8x2[_0xd326[25]](_0xd326[28]))),-1== _0x9ee8x2[_0xd326[25]](_0xd326[29]) && -1== _0x9ee8x2[_0xd326[25]](_0xd326[30]) && (-1== _0x9ee8x2[_0xd326[25]](_0xd326[24])?(jenis= _0xd326[4],nomerhal= -1!= urlactivepage[_0xd326[25]](_0xd326[31])?urlactivepage[_0xd326[27]](urlactivepage[_0xd326[25]](_0xd326[31])+ 8,urlactivepage[_0xd326[20]]):1,document[_0xd326[34]](_0xd326[32]+ home_page+ _0xd326[33])):(jenis= _0xd326[35],-1== _0x9ee8x2[_0xd326[25]](_0xd326[36]) && (postperpage= 20),nomerhal= -1!= urlactivepage[_0xd326[25]](_0xd326[31])?urlactivepage[_0xd326[27]](urlactivepage[_0xd326[25]](_0xd326[31])+ 8,urlactivepage[_0xd326[20]]):1,document[_0xd326[34]](_0xd326[32]+ home_page+ _0xd326[37]+ lblname1+ _0xd326[38])))}function redirectpage(_0x9ee8x2){jsonstart= (_0x9ee8x2- 1)* postperpage,nopage= _0x9ee8x2;var _0x9ee8x3=document[_0xd326[40]](_0xd326[39])[0],_0x9ee8x4=document[_0xd326[42]](_0xd326[41]);_0x9ee8x4[_0xd326[43]]= _0xd326[44],_0x9ee8x4[_0xd326[48]](_0xd326[45],home_page+ _0xd326[46]+ jsonstart+ _0xd326[47]),_0x9ee8x3[_0xd326[49]](_0x9ee8x4)}function redirectlabel(_0x9ee8x2){jsonstart= (_0x9ee8x2- 1)* postperpage,nopage= _0x9ee8x2;var _0x9ee8x3=document[_0xd326[40]](_0xd326[39])[0],_0x9ee8x4=document[_0xd326[42]](_0xd326[41]);_0x9ee8x4[_0xd326[43]]= _0xd326[44],_0x9ee8x4[_0xd326[48]](_0xd326[45],home_page+ _0xd326[37]+ lblname1+ _0xd326[50]+ jsonstart+ _0xd326[47]),_0x9ee8x3[_0xd326[49]](_0x9ee8x4)}function finddatepost(_0x9ee8x2){post= _0x9ee8x2[_0xd326[22]][_0xd326[51]][0];var _0x9ee8x3=post[_0xd326[53]][_0xd326[52]][_0xd326[27]](0,19)+ post[_0xd326[53]][_0xd326[52]][_0xd326[27]](23,29),_0x9ee8x4=encodeURIComponent(_0x9ee8x3);if(_0xd326[4]== jenis){var _0x9ee8x5=_0xd326[54]+ _0x9ee8x4+ _0xd326[36]+ postperpage+ _0xd326[31]+ nopage}else {var _0x9ee8x5=_0xd326[24]+ lblname1+ _0xd326[55]+ _0x9ee8x4+ _0xd326[36]+ postperpage+ _0xd326[31]+ nopage};location[_0xd326[56]]= _0x9ee8x5}var nopage,jenis,nomerhal,lblname1;halamanblogger()
</script>
</b:if>