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:
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Voltar';
var downPageWord ='Próxima';
</script>
<script src='http://www.yourjavascript.com/19425042120/pagenav.js' type='text/javascript'></script>Corrigindo o Template
5.Procure pelo trecho seguinte:'data:label.url'Substitua pelo por:
'data:label.url + "?&max-results=7"'6.Salve as alterações e visualize.
UPDATE: Corrigido os erros no código 5
Referência:Abu Farhan
85 Comentários
Po brother tentei fazer isso mais não consegui, pra deu erro não sei se foi por causa do meu template, mais enfim, valeu a dica!
Ola gente só tem um errinho ai, no seguinte codigo
'data:label.url + "?&max-results=7"'
você deve acrescentar o amp;
ficando assim
'data:label.url + "?&max-results=7"'
aa sim.. aqui naõ mostra
é o seguinte, gente,,,,
após o "?&
acrescentasse o amp;
ficando assim (se o html permitir mostrar) "?&max
@Todos os erros foram corrigidos!
Olha o que aparece..
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: Element type "a" must be followed by either attribute specifications, ">" or "/>".
@Breno, tente refazer novamente o tutorial no seu template pois todos os erros do script foram corrigidos e estão funcionando perfeitamente, tanto que até aqui no blog foi colocado. Valeu pelo comentário!
Já paro de funfar denovo...
já desistalei e reinstalei, agora o problema é o seguinte, quando você clica na pagina 2 por exemplo vai pro topo da pagina mas naõ vai pra pagina 2...abços galera, depois passo por ai pra ver se com mais alguém deu esse problema..abços
Ótima dica!
Vou implementar agora mesmo.
@Nanuni Kokoritu, Obrigado! ;-)
Olá, Num tem como tirar os creditos do cara de baixo não? o javascript ta encodado eu consigo tirar o nome e mudar o link so q fica meio estranho...
please se souber como ajuda ai...
@ADM , posso conseguir isso sim, mas mesmo assim você teria de inserir um link para página dele no seu blog :-)
Olá, ja consegui remover os creditos mais vou add em outra parte como uma postagem pois ficando o nome dele abaixo do blog não fica muito legal, o problema agora e o seguinte...
Quando seleciono um marcador ele não funciona apenas quando passo duas paginas no marcador vc pode conferir aqui www.planetdowns.net no inicio funciona mais se selecionar qualquer categoria da uma olhada no que acontece, não vai ser neste modelo que usarei este widget estou apenas testando ate agora o javascript mais bonito e que tem menos defeitos e este agradesso desde já, se souber como corrigir este bug por favor me mande um email tadeua16@gmail.com parabens pelo blog...
so uma outra perguntinha eu comprei um novo dominio estou postando mais ainda naum tenho links de outros sites apenas do dignow, blogblogs etc. e as paginas q estou postando não estão sendo indexadas pelo google meu pagerank e 0 pois o dominio e novo ele esta super optimizado totalmente em SEO sem blackHat levei ao maximo da optimização, estou trabalhando muito duro ate meu templete eu codifiquei para dificultar a clonagem caso queira ver e ter mais informações add meu msn tadeuac16@hotmail.com
Desculpe imcomodar, muito obrigado por tudo e parabéns pelo ótimo site!!!
Agora que vi que vc tbm usa este widget e esta com o mesmo problema que eu add meu msn podemos trocar experiencias e nos ajudar...
Tentei e não deu certo porque no meu template tem um monte destes trechos 'data:label.url', será que daria pra ser mais específico?
Obrigada, fiz e deu certinho, valeu mesmo :D
[2]Tentei e não deu certo porque no meu template tem um monte destes trechos 'data:label.url', será que daria pra ser mais específico?
deu certo, espero que funcione certinho.. eu vi que ele funciona por datas.. mas e se eu ficar sem postar um tempo? valeu site ;].. se quiserem ver como ficou podem ver no meu blog: http://compputter.blogspot.com/
Funcionando 100% ! abraços
O meu deu certo sem nenhu erro mais não fyncionou continua mostrando o que era antes pq aconteceu isso ?
Ola, vi que você traduziu o widget do blog do Abu Farhan, então vim aqui pegar o cód (e fiquei a conhecer o blog)!
Mas gostaria de alterar o "Páginas 1 de 4" para "Página de 4", tem como?
Obrigado
Vlw fucionou perfeitamente a muito tempo tava procurando uma dica dessa vlw mesmo............brigadão
Não deu certo...
Vlww aeww ( estava atrás desse contador em css )
Da uma passada lá no meu blog tb:
www.enterprisedownloads.net
vlw mesmo abraços
Como tirar os credito desse tal Abu???
fica muito fei ele em baixo dos numeros!!!!
personalizei meu blog todo, ta muito massa mais os créditos dele ta deixando fei, fora de foco com o resto do blog!
@Melhor Free, olha não é permitido retirar os créditos deste widget pois ele foi um trabalho que levou tempo pra ficar pronto por isso o autor não permite a retirada eu até falei com o autor mais ele disse que não vai autorizar a retirada.
eu num entendi!! no meu naum deu erro, mais naum modificou nada... mais vlw..
Porque q no seu nao apareçe o nome desse kra ? teria como vc da o modelo do seo ?
e tem como diminuir o tamanho disso akie ? ta grande demais !
so esta funcionando na pagina inicial, nos marcadores nao :(
@Joahay, olha este widget se acessado pela home funciona em todas as página mas se acessado pela página de marcadores não funciona não. Ok
Existe possibilidade de modificar as cores?
Agradeço a atenção.
Conseguir colocar no meu , ficou bacana! vlw obrigado .
vejam como ficou : http://www.blogfragozo.com
Não consegui colocar no meu
@Rodrigo, tente novamente pois testei o tutorial e ele está ok
Alguem por favor me ajude eu não quero colocar páginas numeradas! quero colocar como neste site com "voltar" e "próximo" no lugar de "postagem mais recente" e postagem mais antiga" por favor me respondam!
@Gabriel Batista dos Santos
Veja está postagem: Personalize os links Postagens mais recentes, Postagens mais antigas e Início
Wlw pela dica, no meu funcionou direitinho.
Mas assim mano quando add o codigo fiqua bom, mas quando procura por uma postagem fiqua normal, o codigo de numeração sai,
O que eu fasso ?
O mesmo erro...
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: Element type "a" must be followed by either attribute specifications, ">" or "/>".
Fiz tudo certinho
Parabens aqi deu td certo
vlw pela dica
acesse la pra ver:
http://lokinhodownloads.blogspot.com/
Facil e pratico ótimo post
Muito Obrigado no meu Blog funcionou sertinho corrija um erro ae
'data:label.url + "?&max-results=7"'
'data:label.url + "?&max;results=7"'
e pra quen nao sabe voce tem q substituir o 7 para o numero de postagen que esta configurada a aparecer na pagina inicial!
http://downloadsroll.blogspot.com/
valeu pela dica, muito bom
me dá uma luz, eu fiz isso, só que a borda fica cortada, como eu arrumo? entra no meu blog pra vc ver como ficou ( a parte superior da borda na numeração de paginas não aparece, só as laterais e a inferior) www.iphoneuniverso.blogspot.com
Conselho somente use os dois primeiros codigos, esqueça o ultimo, eu fiz assim e deu certo
Conselho somente use os dois primeiros codigos, esqueça o ultimo, eu fiz assim e deu certo (data.blabel) esqueça esse, eu coloquei sem e somente assim deu certo
Olá... muito bom tutorial...
Mas assim que eu mudo de pág., alguns posts somem...
você pode me ajudar...
belo trabalho, obrigado :D
Bom Post!
Corrige este hack aqui tbm!
http://www.noticiaeblog.com/2009/10/relacionandoimagem.html
Você deve 'Expandir modelos widget'.
no seu template não tem os creditos do autor desse script e vc o usa sem dar o minimo credito
- isso é plagio -
ou vc tira isso em 3 dias, ou denuncio seu blog!
@Anônimo
Olá se você não percebeu os créditos estão no Footer do template. Quando for ameaçar lembre-se de comentar com seu nome e link.
Vlw Me Ajudou Muitoooo
Gostaria de por esse estilo de paginas numeradas no blogger, mas ficara apenas como um sonho, nao consigo pq meu template nao tem esses codigos...Buaaaaaaaaaaaaa
valew ae cara!
ACESSA AE: http://www.nerdmalandro.com
=D
@ADM
Hrr,como você conseguiu tirar os créditos,eu também quero tirar e vou colocar em uma outra parte do meu blog grato,
ta mas por exemplo eu posto augo para aparecer nas paginas mas ai aparec tudo em uma pagina so como faço para por 7 coisas em cada pagina
Poxa, que felicidade, tentei vários sites, mas este foi o único que me ajudou mesmo. Valeu!
Acabei de instalar esse sistema de páginas numeradas no meu layout. Realmente faz muita diferença, dá uma aparência diferente e de todos os que eu testei, esse foi o único que funcionou no meu layout. Com certeza, recomendo! =)
Ai mano obrigado gostei muito do seu post
obrigado fucionou direitinho eu até já tava desistindo de procurar enumeração de paginas até que encontrei o seu site valeu!
Valeu! Deu certo, sem erro!
nossa procurei tanto por isso, valeu por compartilhar =]
EU NAO CONSIGO ACHAR 'data:label.url'
|Gostaria de aprender a tirar o crédito, vou mencionar em outra parte do site, mas não teria como não? Agradeço!
olá..
so para avisar.. andei dando uma olhada no js que voce usou e ele esta dando problema... quando clica na numeração vai pro topo da pagina.. se puderem dar uma olhada depois..
agradeço desde ja...
Adm Boa postagem mas meu blog num ta aceitando estas paginas numeradas,pois fiz tudo certo.
Vou explicar o que esta acontecendo:
1-Faço tudo os itens certinho
2-Mas ao inves de ficar ingual a imagem citada de como iria ficar.
3-Ele fica com os numeros tudo junto olha so a imagem que eu ospedei para te mostrar:
http://2.bp.blogspot.com/-fvF-AuN6Ixc/Thr1D7TmqJI/AAAAAAAAAaw/yhK2oVVqFbg/s320/quicompleto.jpg
Meu Blog è este:(http://quicompleto.blogspot.com)
Obrigado,pela atenção.
Funciona no meu blog, mas o topo das imagens ficaram com um pedaço coberto, acho que deve ter uma imagem branca no meu layout cobrindo os números. Tem como arrumar isso?
Nenhuma página numerada funciona no meu blog!!
Aparece só as páginas mas na Página 1 aparece todas de uma vez! me ajudem!!!!
deu serto no meu site visitem ai e ve como ficou
www.filmesbemloko.blogspot.om
oLÁ... GOSTARIA DE SABER SE TEM COMO TIRAR/EXCLUIR ESSE LINK widget by Abu-farhan
Como fazer isso?
Agradeço....
pw, eu consegui, o meu problema era que quando eu clicava na pagina 2 ele ia pra 3, e pulava umas 7 postangens, vlw ae mano
tirar os créditos é facil o foda é essa porra ser protegido direitos altorais
Olá passei aqui para dizer que fiz no meu blog e está o máximo, valeu ....espero poder contar sempre com a tua ajuda
muito obrigado cara foi o unico tutorial q consegui realizar e obtive sucesso!!
valewuuu mesmoo
faz mó tempo q eu tava precisando!!!
bjossss
veja como meu blog ficou:
http://extremetops.blogspot.com/
Obigada pela dica mas não deu fiz todo como aqui diz e nada podias ajudar-me sff.
Funcionou perfeitamente, muito obrigado!
Olá, o meu deu tudo certo...
mas ele cortou um pouco o início dos botões,
o que eu faço? Beijos
Veja como ficou: http://bblogdabel.blogspot.com/
Pow cara gostei valew http://helogames.blogspot.com/
Aqui funcionou belezinha. Valeu a dica.
Boa manow deu certim vlw
Funcionou perfeitamente no meu blog. Obrigado e parabéns.
Muito bom o tutorial, usei em meu blog. Parabéns.
caar no meu nao deu certo eu posto em emdia 4 por dia mais num é um padrao , depois qu ecoloqui os numeros de paginas nao mostra todos meus posts da uma olhada pode ver no menu da direita que tem mais de 20 posts na data de hoje porem so mostra 4 paginas omc um post em cada poderia me ajudar ? se quiser mando meu codigo fonte para analisar
http://lanternaverdetroll.blogspot.com.br/
Obrigado pelo tutorial, já apliquei no meu site,Parabéns.
http://www.cineevolution.com/
Postar um comentário
Deixe seu comentário aqui
Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.