15 de outubro de 2012

Colocar páginas enumeradas facilmente

oi gente vim trazer esse tutorial pra vocês



Está é uma postagem para corrigir o Hack de páginas numeradas  que foi mostrado aqui no blog, este hack é sempre util pois como já falei na postagem antiga, deixa o blog com uma cara de site. Este hack é mais simples de instalar pois ele tem um Java Script embutido em forma de url, o que torna ele menos extenso e mais objetivo. Vamos então a instalação:

Adicionar a CSS

1.Acesse o Painel do Blogger(blogger.com)
2.Vá em Layout->Editar HTML->Marque Expandir Modelos de Widgets
3.Procure pelo seguinte trecho "Utilize Ctrl e F":
]]></b:skin>
Antes dele adicione o seguinte:
.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;
}

Adicionando o Script

4.Procure pelo seguinte código:
</body>
Antes dele adicione o seguinte:
&lt;script type='text/javascript'&gt;
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Voltar';
var downPageWord ='Próxima';
&lt;/script&gt;
&lt;script src='http://www.yourjavascript.com/19425042120/pagenav.js' type='text/javascript'&gt;&lt;/script&gt;

Corrigindo o Template

5.Procure pelo trecho seguinte:
'data:label.url'
Substitua pelo por:
'data:label.url + &quot;?&amp;max-results=7&quot;'
6.Salve as alterações e visualize.

creditos clique aqui

Um comentário:

  1. liiiindo demais consegui :D

    segue amor ? sigo de voltaaa , já estou seguindo rs
    http://coiisinhasdemulher.blogspot.com.br/

    bjoooos

    ResponderExcluir

Comente a vontade, desde que saiba respeitar ;)
Ah, e não é necessário fazer uma conta para comentar, basta colocar como anônimo.

Emoticons:

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡ ( ͡° ͜ʖ ͡°)