Jak skonfigurować numerowaną nawigację po blogu w Bloggerze

    Zaktualizowano: 2023-08-09T17:17:10Z
Jak skonfigurować numerowaną nawigację po blogu w Bloggerze

Nawigacja strona po stronie znacznie upraszcza proces interakcji użytkownika z treścią bloga. W ten sposób czytelnicy mogą dostać się do żądanej publikacji za pomocą zaledwie kilku kliknięć. Dlatego zalecam zainstalowanie aplikacji o nazwie „Numbered Page Navigation”.

Jak skonfigurować numerowaną nawigację po blogu w Bloggerze


Aby zainstalować widżet: 
1) Przejdź do Motyw - Edytuj kod HTML 
2) Naciśnij klawisze CTRL+F 
3) W wyświetlonym polu wyszukiwania wpisz </b:skin> i naciśnij Enter
4) Po linii </b:skin> dodaj ten kod CSS:
<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>

5) Teraz wpisz </body> pasku wyszukiwania i naciśnij Enter 
6) Przed tagiem </body> dodaj ten kod JS:
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<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 _0x552b=[&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\x53\x74\x72\x6F\x6E\x61\x20&quot;,&quot;\x20\x7A\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(_0xe373x2){var _0xe373x3=_0x552b[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(_0xe373x2/ postperpage)+ 1,maksimal- 1== _0xe373x2/ postperpage&amp;&amp; (maksimal-= 1),akhir= mulai+ numshowpage- 1,akhir&gt; maksimal&amp;&amp; (akhir= maksimal),_0xe373x3+= _0x552b[1]+ nomerhal+ _0x552b[2]+ maksimal+ _0x552b[3];var _0xe373x4=parseInt(nomerhal)- 1;nomerhal&gt; 1&amp;&amp; (_0xe373x3+= 2== nomerhal?_0x552b[4]== jenis?_0x552b[5]+ home_page+ _0x552b[6]+ upPageWord+ _0x552b[7]:_0x552b[8]+ lblname1+ _0x552b[9]+ postperpage+ _0x552b[6]+ upPageWord+ _0x552b[7]:_0x552b[4]== jenis?_0x552b[10]+ _0xe373x4+ _0x552b[11]+ upPageWord+ _0x552b[7]:_0x552b[12]+ _0xe373x4+ _0x552b[11]+ upPageWord+ _0x552b[7]),mulai&gt; 1&amp;&amp; (_0xe373x3+= _0x552b[4]== jenis?_0x552b[13]+ home_page+ _0x552b[14]:_0x552b[8]+ lblname1+ _0x552b[9]+ postperpage+ _0x552b[14]),mulai&gt; 2&amp;&amp; (_0xe373x3+= _0x552b[0]);for(var _0xe373x5=mulai;_0xe373x5&lt;= akhir;_0xe373x5++){_0xe373x3+= nomerhal== _0xe373x5?_0x552b[15]+ _0xe373x5+ _0x552b[3]:1== _0xe373x5?_0x552b[4]== jenis?_0x552b[13]+ home_page+ _0x552b[14]:_0x552b[8]+ lblname1+ _0x552b[9]+ postperpage+ _0x552b[14]:_0x552b[4]== jenis?_0x552b[10]+ _0xe373x5+ _0x552b[11]+ _0xe373x5+ _0x552b[7]:_0x552b[12]+ _0xe373x5+ _0x552b[11]+ _0xe373x5+ _0x552b[7]};akhir&lt; maksimal- 1&amp;&amp; (_0xe373x3+= _0x552b[0]),akhir&lt; maksimal&amp;&amp; (_0xe373x3+= _0x552b[4]== jenis?_0x552b[10]+ maksimal+ _0x552b[11]+ maksimal+ _0x552b[7]:_0x552b[12]+ maksimal+ _0x552b[11]+ maksimal+ _0x552b[7]);var _0xe373x6=parseInt(nomerhal)+ 1;nomerhal&lt; maksimal&amp;&amp; (_0xe373x3+= _0x552b[4]== jenis?_0x552b[10]+ _0xe373x6+ _0x552b[11]+ downPageWord+ _0x552b[7]:_0x552b[12]+ _0xe373x6+ _0x552b[11]+ downPageWord+ _0x552b[7]);for(var _0xe373x7=document[_0x552b[17]](_0x552b[16]),_0xe373x8=document[_0x552b[19]](_0x552b[18]),_0xe373x9=0;_0xe373x9&lt; _0xe373x7[_0x552b[20]];_0xe373x9++){_0xe373x7[_0xe373x9][_0x552b[21]]= _0xe373x3};_0xe373x7&amp;&amp; _0xe373x7[_0x552b[20]]&gt; 0&amp;&amp; (_0xe373x3= _0x552b[0]),_0xe373x8&amp;&amp; (_0xe373x8[_0x552b[21]]= _0xe373x3)}function hitungtotaldata(_0xe373x2){var _0xe373x3=_0xe373x2[_0x552b[22]],_0xe373x4=parseInt(_0xe373x3[_0x552b[23]].$t,10);loophalaman(_0xe373x4)}function halamanblogger(){var _0xe373x2=urlactivepage;-1!= _0xe373x2[_0x552b[25]](_0x552b[24]) &amp;&amp; (lblname1= -1!= _0xe373x2[_0x552b[25]](_0x552b[26])?_0xe373x2[_0x552b[27]](_0xe373x2[_0x552b[25]](_0x552b[24])+ 14,_0xe373x2[_0x552b[25]](_0x552b[26])):_0xe373x2[_0x552b[27]](_0xe373x2[_0x552b[25]](_0x552b[24])+ 14,_0xe373x2[_0x552b[25]](_0x552b[28]))),-1== _0xe373x2[_0x552b[25]](_0x552b[29]) &amp;&amp; -1== _0xe373x2[_0x552b[25]](_0x552b[30]) &amp;&amp; (-1== _0xe373x2[_0x552b[25]](_0x552b[24])?(jenis= _0x552b[4],nomerhal= -1!= urlactivepage[_0x552b[25]](_0x552b[31])?urlactivepage[_0x552b[27]](urlactivepage[_0x552b[25]](_0x552b[31])+ 8,urlactivepage[_0x552b[20]]):1,document[_0x552b[34]](_0x552b[32]+ home_page+ _0x552b[33])):(jenis= _0x552b[35],-1== _0xe373x2[_0x552b[25]](_0x552b[36]) &amp;&amp; (postperpage= 20),nomerhal= -1!= urlactivepage[_0x552b[25]](_0x552b[31])?urlactivepage[_0x552b[27]](urlactivepage[_0x552b[25]](_0x552b[31])+ 8,urlactivepage[_0x552b[20]]):1,document[_0x552b[34]](_0x552b[32]+ home_page+ _0x552b[37]+ lblname1+ _0x552b[38])))}function redirectpage(_0xe373x2){jsonstart= (_0xe373x2- 1)* postperpage,nopage= _0xe373x2;var _0xe373x3=document[_0x552b[40]](_0x552b[39])[0],_0xe373x4=document[_0x552b[42]](_0x552b[41]);_0xe373x4[_0x552b[43]]= _0x552b[44],_0xe373x4[_0x552b[48]](_0x552b[45],home_page+ _0x552b[46]+ jsonstart+ _0x552b[47]),_0xe373x3[_0x552b[49]](_0xe373x4)}function redirectlabel(_0xe373x2){jsonstart= (_0xe373x2- 1)* postperpage,nopage= _0xe373x2;var _0xe373x3=document[_0x552b[40]](_0x552b[39])[0],_0xe373x4=document[_0x552b[42]](_0x552b[41]);_0xe373x4[_0x552b[43]]= _0x552b[44],_0xe373x4[_0x552b[48]](_0x552b[45],home_page+ _0x552b[37]+ lblname1+ _0x552b[50]+ jsonstart+ _0x552b[47]),_0xe373x3[_0x552b[49]](_0xe373x4)}function finddatepost(_0xe373x2){post= _0xe373x2[_0x552b[22]][_0x552b[51]][0];var _0xe373x3=post[_0x552b[53]][_0x552b[52]][_0x552b[27]](0,19)+ post[_0x552b[53]][_0x552b[52]][_0x552b[27]](23,29),_0xe373x4=encodeURIComponent(_0xe373x3);if(_0x552b[4]== jenis){var _0xe373x5=_0x552b[54]+ _0xe373x4+ _0x552b[36]+ postperpage+ _0x552b[31]+ nopage}else {var _0xe373x5=_0x552b[24]+ lblname1+ _0x552b[55]+ _0xe373x4+ _0x552b[36]+ postperpage+ _0x552b[31]+ nopage};location[_0x552b[56]]= _0xe373x5}var nopage,jenis,nomerhal,lblname1;halamanblogger()
</script>  
</b:if>
7) Zapisz ustawienia i sprawdź, czy numerowana nawigacja pojawiła się na stronie głównej bloga

Udostępnij szablon

Facebook X (Twitter) Google

Administrator:

Cześć, nazywam się Kuba. W ciągu ostatnich pięciu lat z powodzeniem pracowałem z szablonami i motywami dla Bloggera. Z tego powodu chcę podzielić się z tobą moim doświadczeniem..

Nowe publikacje

Śledź nas na facebooku