Постраничная навигация для Blogger.

Для создания постраничной навигации включаем в блог JavaScript на вкладке "Дизайн"-"Изменить HTML".
Добавляем стили CSS постраничной навигации.
Не устанавливая флажка "Расширить шаблоны виджета" и используя для поиска сочетание клавиш Ctrl+F, определяем стили CSS, а именно, перед

Код

]]></b:skin>

добавляем код:

Код

a.showpageNum {
  padding: 0px 5px;
  margin: 0px 2px;
  text-decoration: none;
  border: 1px solid #bba166;
  background-image: -moz-linear-gradient(#f4e9ce, #ddcca3);
  background-image: -o-linear-gradient(#f4e9ce, #ddcca3);
  background-image: -webkit-gradient(linear, center top, center

bottom, from(#f4e9ce), to(#ddcca3));
  filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,

startColorStr=#f4e9ce,endColorStr=#ddcca3);
}

a.showpageNum:hover {
  border: 1px solid #888;
  background: #f6edd9;
}

.showpagePoint {
  color: #fff;
  text-shadow: 0 1px 2px #333;
  padding: 0px 5px;
  margin: 0px 2px;
  border: 1px solid #999;
  background: #666;
}

.showpageOf {
  margin-right: 8px;
  text-shadow: 1px 1px 1px #fff;
}

Здесь советую поэкспериментировать с такими параметрами, как цвет (значение после #).
Включаем JavaScript для реализации постраничной навигации.
До элемента

Код

</body>

указываем:

Код

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=10;
var upPageWord ='◄';
var downPageWord ='►';
</script>
<script type="text/javascript">
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c

<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):

c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);

k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while

(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}

('4 H;4 l;4 k;4 r;15();D 16(a){4 b=\'\';I=J(M/2);3(I==M-I){M=I*2+1}

B=k-I;3(B<1)B=1;h=J(a/m)+1;3(h-1==a/m)h=h-1;E=B+M-1;3

(E>h)E=h;b+="<N 5=\'1o\'>Страница "+k+\' из \'+h+"</N>";4

c=J(k)-1;3(k>1){3(k==2){3(l=="s"){b+=\'<a 6="\'+C+\'" 5="i">

\'+O+\'</a>\'}7{b+=\'<a 6="/u/v/\'+r+\'?&9-n=\'+m+\'" 5="i">

\'+O+\'</a>\'}}7{3(l=="s"){b+=\'<a 6="#" x="K(\'+c+\');y z"

5="i">\'+O+\'</a>\'}7{b+=\'<a 6="#" x="L(\'+c+\');y z" 5="i">

\'+O+\'</a>\'}}}3(B>1){3(l=="s"){b+=\'<a 6="\'+C+\'" 5="i">1

</a>\'}7{b+=\'<a 6="/u/v/\'+r+\'?&9-n=\'+m+\'" 5="i">1</a>

\'}}3(B>2){b+=\' ... \'}17(4 d=B;d<=E;d++){3(k==d){b+=\'

<N 5="1p">\'+d+\'</N>\'}7 3(d==1){3(l=="s"){b+=\'<a 6=

"\'+C+\'" 5="i">1</a>\'}7{b+=\'<a 6="/u/v/\'+r+\'?&9-n=\'+m+\'"

5="i">1</a>\'}}7{3(l=="s"){b+=\'<a 6="#" x="K(\'+d+\');y z" 5=

"i">\'+d+\'</a>\'}7{b+=\'<a 6="#" x="L(\'+d+\');y z" 5="i">\'+d+\'

</a>\'}}}3(E<h-1){b+=\'...\'}3(E<h){3(l=="s"){b+=\'<a 6="#" x="

K(\'+h+\');y z" 5="i">\'+h+\'</a>\'}7{b+=\'<a 6="#" x="L(\'+h+\');

y z" 5="i">\'+h+\'</a>\'}}4 e=J(k)+1;3(k<h){3(l=="s"){b+=\'<a 6=

"#" x="K(\'+e+\');y z" 5="i">\'+18+\'</a>\'}7{b+=\'<a 6="#" x="L

(\'+e+\');y z" 5="i">\'+18+\'</a>\'}}b+=\'\';4 f=A.1q("1r");4 g=A.1

s("1t-1u");17(4 p=0;p<f.P;p++){f[p].1a=b}3(f&&f.P>0){b=\'\'}3(g)

{g.1a=b}}D 11(a){4 b=a.1b;4 c=J(b.1v$1w.$t,10);16(c)}D 15(){4

a=w;3(a.j("/u/v/")!=-1){3(a.j("?Q-9")!=-1){r=a.F(a.j("/u/v/")+14,a.j

("?Q-9"))}7{r=a.F(a.j("/u/v/")+14,a.j("?&9"))}}3(a.j("?q=")==-1&&a.j(".1x")=

=-1){3(a.j("/u/v/")==-1){l="s";3(w.j("#G=")!=-1){k=w.F(w.j("#G=")+8,w.P)}7

{k=1}A.1c("<o R=\\""+C+"S/T/U?9-n=1&V=W-X-o&Y=11\\"><\\/o>")}7{l="v"

;3(a.j("&9-n=")==-1){m=1y}3(w.j("#G=")!=-1){k=w.F(w.j("#G=")+8,w.P)}7

{k=1}A.1c(\'<o R="\'+C+\'S/T/U/-/\'+r+\'?V=W-X-o&Y=11&9-n=1" >

<\\/o>\')}}}D K(a){Z=(a-1)*m;H=a;4 b=A.1d(\'1e\')[0];4 c=A.1f(\'o\');c

.1g=\'1h/1i\';c.1j("R",C+"S/T/U?1k-1l="+Z+"&9-n=1&V=W-X-o&Y=

12");b.1m(c)}D L(a){Z=(a-1)*m;H=a;4 b=A.1d(\'1e\')[0];4 c=A.1f(\'o\');

c.1g=\'1h/1i\';c.1j("R",C+"S/T/U/-/"+r+"?1k-1l="+Z+"&9-n=1&V=W-X

-o&Y=12");b.1m(c)}D 12(a){13=a.1b.1z[0];4 b=13.1n.$t.F(0,19)+13.

1n.$t.F(1A,1B);4 c=1C(b);3(l=="s"){4 d="/u?Q-9="+c+"&9-n="+m+

"#G="+H}7{4 d="/u/v/"+r+"?Q-9="+c+"&9-n="+m+"#G="+H}1D.6=d}',

62,102,'|||if|var|class|href|else||max

||||||||maksimal|showpageNum|indexOf|nomerhal|jenis|postperpage

|results|script|||lblname1|page||search|label|urlactivepage|onclick|return

|false|document|mulai|home_page|function|akhir|substring|PageNo|nop

age|nomerkiri|parseInt|redirectpage|redirectlabel|numshowpage|span|u

pPageWord|length|updated|src|feeds|posts|summary|alt|json|in|callba

ck|jsonstart||hitungtotaldata|finddatepost|post||halamanblogger|loopha

laman|for|downPageWord||innerHTML|feed|write|getElementsByTa

gName|head|createElement|type|text|javascript|setAttribute|start|in

dex|appendChild|published|showpageOf|showpagePoint|getElemen

tsByName|pageArea|getElementById|blog|pager|openSearch|totalR

esults|html|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))
//]]>
</script></b:if></b:if>

В коде можно изменить:

• количество сообщений на странице (var postperpage),
• количество цифр в постраничной навигации (var numshowpage).