Curso Sobre Blogspot: Como colocar pagina numeradas no blog

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkDrdV0Z2msmMs9fXecOKbVw8MgKyl1OQnIFnHBRt9BpPJdsNl0I3_esXGqaq-hr5K52j-HhGF8JiHRCGVmw5zTupkQElhc4HpAlHVaKjyuTfODAf84sFGQC19qQ9spPUcQISUOBjkJQY/h89/000000000paginas.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkDrdV0Z2msmMs9fXecOKbVw8MgKyl1OQnIFnHBRt9BpPJdsNl0I3_esXGqaq-hr5K52j-HhGF8JiHRCGVmw5zTupkQElhc4HpAlHVaKjyuTfODAf84sFGQC19qQ9spPUcQISUOBjkJQY/h89/000000000paginas.PNG" width="400" /></a></div>
<div class="MsoNormal" style="text-align: center;">
<span style="font-size: large;">Vamos colocar paginas numeradas em seu blog</span><o:p></o:p></div>
<div class="MsoNormal" style="text-align: center;">
<br /></div>
<br />
<div class="MsoNormal" style="text-align: center;">
Va em modelo depois editar HTML de um CTRL+F dentro do código,
depois que abrir a caixa de dialogo digite: </body> depois que encontrar
cole o  script acima de </body><o:p></o:p></div>
<div class="MsoNormal" style="text-align: center;">
<br /></div>
<div class="MsoNormal" style="text-align: center;">
<br /></div>
<div class="MsoNormal" style="text-align: center;">
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"><script style='text/javascript'> var pageCount=5;var displayPageNum=6;var upPageWord=&quot;Anterior&quot;;var downPageWord=&quot;Próxima&quot;;</script> <script src='</span><a class="vglnk" href="http://static.tumblr.com/y66747w/DqWm7hhf3/page-nav.js" rel="nofollow" style="background-color: white; color: #ca1700; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 17px; line-height: 26px; margin: 0px; padding: 0px; text-align: start; text-decoration: none;"><span style="margin: 0px; padding: 0px;">http</span><span style="margin: 0px; padding: 0px;">://</span><span style="margin: 0px; padding: 0px;">static</span><span style="margin: 0px; padding: 0px;">.</span><span style="margin: 0px; padding: 0px;">tumblr</span><span style="margin: 0px; padding: 0px;">.</span><span style="margin: 0px; padding: 0px;">com</span><span style="margin: 0px; padding: 0px;">/</span><span style="margin: 0px; padding: 0px;">y66747w</span><span style="margin: 0px; padding: 0px;">/</span><span style="margin: 0px; padding: 0px;">DqWm7hhf3</span><span style="margin: 0px; padding: 0px;">/</span><span style="margin: 0px; padding: 0px;">page</span><span style="margin: 0px; padding: 0px;">-</span><span style="margin: 0px; padding: 0px;">nav</span><span style="margin: 0px; padding: 0px;">.</span><span style="margin: 0px; padding: 0px;">js</span></a><span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">' style='text/javascript'> </script></span></div>
<div class="MsoNormal" style="text-align: center;">
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"><br /></span></div>
<div class="MsoNormal" style="text-align: center;">
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Yqhqu7GNNWDm2RwJVVHEFCJRM6d4HWOivgE9jUcfkINf7MM_pSgqrt9UnGC4cjMaOq6Lsd04Yu13xJWbN5AYo9G3hdDKRfo8KlGxcxZp_5qEWCfwyODqr_Gn1TX6IM6A68mVGJunm5k/h106/0000000000.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Yqhqu7GNNWDm2RwJVVHEFCJRM6d4HWOivgE9jUcfkINf7MM_pSgqrt9UnGC4cjMaOq6Lsd04Yu13xJWbN5AYo9G3hdDKRfo8KlGxcxZp_5qEWCfwyODqr_Gn1TX6IM6A68mVGJunm5k/h106/0000000000.PNG" width="580" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">/* Páginas numeradas --------------------------- */</span></div>
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">.showpageArea {</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">font-family:Verdana, Geneva, sans-serif;</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">color: #000;</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">font-size:11px;</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"> margin:10px; }</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">.showpageArea a { padding: 3px 8px;</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"> margin: 2px;</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"> font-weight: 700;</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"> text-decoration: none;</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"> color:#777; /* COR DA FONTE DO LINK PRÓXIMA */</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"> border:1px solid #ccc; /* BORDA DO LINK PRÓXIMA */</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">background: #eee; /* COR DE FUNDO DO LINK PRÓXIMA */ }</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">.showpageNum a { padding: 3px 8px;</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"> margin:0 4px;</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"> text-decoration: none;</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"> border:1px solid #999; /* BORDA DA NUMERAÇÃO */</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">background: #ddd ; /* COR DE FUNDO DA NUMERAÇÃO */ }</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">.showpageNum a:hover {</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">border:1px solid #888; /* BORDA DA NUMERAÇÃO QUANDO O CURSOR ESTÁ EM CIMA DELA */</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">background: #ccc; /* COR DE FUNDO DA NUMERAÇÃO QUANDO O CURSOR ESTÁ EM CIMA DELA */ }</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"> .showpageOf{ margin:0 8px 0 0; }</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">.showpagePoint {</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">text-decoration: none;</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">padding: 3px 8px;</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"> margin: 2px;</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">font-weight: 700;</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">border:1px solid #999; /* BORDA DA NUMERAÇÃO ATIVA */</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">background: #666; /* COR DE FUNDO DA NUMERAÇÃO ATIVA */</span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">color:#fff; /* COR DA FONTE DA NUMERAÇÃO ATIVA */ } </span><br />
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;">/*Fim do código páginas numeradas --------------------------- */</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 17px; line-height: 26px; text-align: start;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; text-align: start;"><span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 17px; line-height: 26px;">OBS: esse código só funciona em blogs </span></span></span><span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 17px; line-height: 26px;">públicos</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: large;"><span style="line-height: 26px;">Comentem e Curtam nossa pagina no Facebook</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; text-align: start;"><span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><span style="font-size: 17px; line-height: 26px;"><br /></span></span></span></div>

Como colocar pagina numeradas no blog

Vamos colocar paginas numeradas em seu blog Va em modelo depois editar HTML de um CTRL+F dentro do código, depois que abrir a caixa ...

Mais informações »