Colocar páginas de navegação numeradas no blogger
O código que vou ensinar agora eu peguei do site Abu Farhan é fácil instala-lo no blogger .
Etapa 1: Vai em Design >Editar HTML
E acima do trecho cole os seguintes códigos:
Procure agora pelo trecho
</body>
E acima dele cole os seguintes códigos:
Salve o modelo:
Depois de salvo marque a caixa Expandir modelos de widgets
E procure pelo trecho:
E substitua pelo código
Etapa 1: Vai em Design >Editar HTML
]]></b:skin>
E acima do trecho cole os seguintes códigos:
.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;
}
Procure agora pelo trecho
</body>
E acima dele cole os seguintes códigos:
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script>
Salve o modelo:
Depois de salvo marque a caixa Expandir modelos de widgets
E procure pelo trecho:
'data:label.url'
E substitua pelo código
'data:label.url + "?&max-results=7"'
Seja o primeiro a comentar ;)
Postar um comentário