Como colocar postagem numeradas no blogger?

Hoje vou mostrar como fazer postagem numeradas no blog (blogger).

Então para começar baixe o modelo completo do seu template por se acontece algo de errado.

Depois de já baixado o template vamos começar.

Para fazer as postagens numeradas temos dois códigos esse é o primeiro;

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}

Você deve cocar ele encima dessa “TAG” ]]></b:skin>

aperte Ctrl + F e cole ]]></b:skin> 

você deve colocar o código encima dele.

Agora vem o segundo código.

<!-- Inicio do código de navegação -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Anterior&#39;;
var downPageWord =&#39;Próximo&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
<!-- Final do código de navegação –>

Você deve colocar ele encima da “TAG” </body>

Buscar por </body> (Ctrl + F)  e cole o segundo código encima dele.

OBS:Não modifique nada no Codio, se não, não vai focinhar.