Adicionar Número para chamar no pager ( com Primeira e Passado Página) Navegação Ligação for Blogger (Blogspot) com Dispositivo Elemento e Manual Sendeiro
Blogger livre blog editoração plataforma usa um bonita limitada navegação aspectos que somente visualização “ mais velha Postes” ou “ mais novo Postes” ligação deixar leitores navegar e folhear um livro a outro páginas em homepage ( indexar), arquivo, categoria e etiqueta páginas. Ao contrário WordPress blog que suporte plugue personalizar a página navegação ligação a numerado páginas alistando fazer a more usuário amigável, Blogger, quer hospedaria em blogspot.com ou hábito domínio não tem tal flexibilidade.
Agora, dela’ ainda possível trocar e substituir o típico clássico “ mais velha Postes” e “ mais novo Postes” navegação ligação em Blogger blog a numerado páginas navegação, conforme ilustrado em figura abaixo usando um CSS e JavaScript sendeiro escreveu by Mohamed Rias.

Conforme mostrado em imagem acima, uma navegação ligação consiste de números para chamar no pager, primeira página, passado página, próxima página e prévio página ( quando aplicável) é visualização em Blogger blog em lugar comum “ mais velha Itens” e “ mais novo Itens” texto ligações.
Adicionar o “ nova” navegação ligação com número para chamar no pager a Blogger blog, simplesmente adicionar num nova Página Elemento Dispositivo na Blogger. Fazê-lo, acatar o guia abaixo:
- Lógica aBlogger conta Painel.
- Faça um clique num o plano ligação à blog que quer para modificar ( se seu’ inspeção o blog e registrando em a Blogger ou Google Conta, justamente faça um clique num Personalizar ao Próxima Blog barra de ferramentas.
- Encaminhar-se Página Elemento conta (by omissão).
- Faça um clique num Adicionar uma invenção em qualquer lugar na esquema.
- Na Adicionar uma invenção janela, seleto HTML/JavaScript.
- Adicionar a seguinte código na Contente texto campina. Título campina pode ser esquerda vazia, ou justamente digitar qualquer descrição tal “ página Navegação” para diferenciar a do resto de pingentes.
<estilo>
.showpageArea {
estofo 0 2pxmargin;-top10pxmargin:;-bottom10px:;
}.showpageArea um{
borda 1px sólida #505050;
cor #000000font;-weightnormal:;
estofo 3px 6px !importante;
estofo 1px 4px ;margem: 4px;
text-decoration: nehuma;
}.showpageArea ahover: {
fonte-size11px:;
borda 1px sólida #333;
cor #000000;
background-color: #FFFFFF;
}.showpageNum um{
borda 1px sólida #505050;
cor #000000font;-weightnormal:;
estofo 3px 6px !importante;
estofo 1px 4px ;margem: 4px;
text-decoration: nehuma;
}.showpageNum ahover: {
fonte-size11px:;
borda 1px sólida #333;
cor #000000;
background-color: #FFFFFF;}
.showpagePoint {
fonte-size11px:;
estofo 2px 4px 2px 4px;
margem 2px;
font-weight: intrépido;
borda 1px sólida #333;
cor #fff;
background-color: #000000;
}.showpage ahover: {
fonte-size11px:;
borda 1px sólida #333;
cor #000000;
background-color: #FFFFFF;
}.showpageNum alink,.showpage: alink: {
fonte-size11px:;
estofo 2px 4px 2px 4px;
margem 2px;
text-decoration: nehuma;
borda 1px sólida #0066cc;
cor #0066cc;
background-color: #FFFFFF;}.showpageNum ahover: {
fonte-size11px:;
borda 1px sólida #333;
cor #000000;
background-color: #FFFFFF;
}
</estilo><manuscrita typetext=”/javascript”>
função showpageCountjson() {
var thisUrl = location.href;
var htmlMap = nova Coleção();
var isFirstPage = thisUrl.substringthisUrl.length(-14,thisUrl.length.blogspot.com)==”/”;
var isLablePage = thisUrl.indexOf(”/ procura/ etiqueta/”)!=-1;
var isPage = thisUrl.indexOf(”/ procura?atualizado=-1;
var thisLable = isLablePage ? thisUrl.substrthisUrl.indexOf((”/procura/ etiqueta/”)+14,thisUrl.length) : “”;
thisLable = thisLable.indexOf(”?”)!=-1 ? thisLable.substr(0,thisLable.indexOf(”?”)) : thisLable;
var thisNum = 1;
var postNum1=;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= ”;
var upPageHtml =”;
var downPageHtml =”;var pageCount5=;
var displayPageNum3=;
var firstPageWord = ‘ primeira’;
var endPageWord = ‘ passado’;
var upPageWord =’ prévio’;
var downPageWord =’ próxima’;var labelHtml = ‘< ponte classshowpageNuma=””>< href=”/ procura/ etiqueta/’+thisLable+’?&max-resultspageCount=’++’”>’;
forvar( i0=, poste; poste = json.feed.entryi[]; eu++){
var timestamp = post.published.t.substr0,10$();
var título = post.title.t$;
ifisLablePage(){
if(title!=”){
ifpost.category(){
forvar( c0=, post_category; post_category = post.categoryc[]; Celsus++){
ifencodeURIComponentpost_category.termthisLable(()==){
ifitemCount0(== || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = poste;
}poste++;
htmlMaphtmlMap.length[] = ‘/procura/ etiqueta/’+thisLable+’?atualizado-maxtimestampT003A003A002B083A00max=’++’%%%%&-resultspageCount=’+;
}
}
}
}/fim ifpost.category(){itemCount++;
}}senão{
if(title!=”){
ifitemCount0(== || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = poste;
}if(title!=”) poste++;
htmlMaphtmlMap.length[] = ‘/procura?atualizado-maxtimestampT003A003A002B083A00max=’++’%%%%&-resultspageCount=’+;
}
}
itemCount++;
}
}forvar( p =0p;< htmlMap.lengthp;++){
ifpthisNum(>=(-displayPageNum-1) && pthisNumdisplayPageNum<(+)){
iffFlag( ==0 && p == thisNum-2){
ifthisNum2(==){
ifisLablePage(){
upPageHtml = labelHtml + upPageWord +’</ um></ ponte>’;
}senão{
upPageHtml = ‘< ponte classshowpagea=””>< href=”/”>’+ upPageWord +’</ um></ ponte>’;
}
}senão{
upPageHtml = ‘< ponte classshowpagea=””>< hrefhtmlMapp=”‘+[]+’”>’+ upPageWord +’</ um></ ponte>’;
}fFlag++;
}ifpthisNum(==(-1)){
html += ‘ span;< classshowpagePointuthisNum=””><>’++’</u></ ponte>’;
}senão{
ifp0(==){
ifisLablePage(){
html = labelHtml1+’</ um></ ponte>’;
}senão{
html += ‘< ponte classshowpageNuma=””>< href=”/”>1</ um></ ponte>’;
}
}senão{
html += ‘< ponte classshowpageNuma=””>< hrefhtmlMapp=”‘+[]+’”>’+ (p1+) +’ </ um></ ponte>’;
}
}ifeFlag( ==0 && p == thisNum){
downPageHtml = ‘< ponte classshowpage=””> < um hrefhtmlMapp=”‘+[]+’”>’+ downPageWord +’</ um></ ponte>’;
eFlag++;
}
}/fim ifpthisNum(>=(-displayPageNum-1) && pthisNumdisplayPageNum<(+)){
}/fim forvar( p =0p;< htmlMap.lengthp;++){ifthisNum1(>){
seisLablePage){
html = ‘< ponte classshowpagea=””>< href=”/”>’+ firstPageWord +’ </ um></spanupPageHtml>’++’ ‘+html +’ ‘;
}senão{
html = ”+labelHtml + firstPageWord +’ </ um></spanupPageHtml>’++’ ‘+html +’ ‘;
}
}html = ‘<div classshowpageAreaspan=””>< stylefont=”-size11pxpadding:;: 2px 4px 2px 4pxmargin;: 2px 2px 2px 2pxcolor;: #000000;border: 1px sólida #333; conhecimento- cor: #FFFFFF;” classshowpagePage=””> ‘+thisNum+’ de ‘+( poste-1)+’: </spanhtml>’+;
ifthisNumpostNum(<(-1)){
html += downPageHtml;
html += ‘< ponte classshowpagea=””>< hrefhtmlMaphtmlMap.length=”‘+[-1]+’”> ‘+endPageWord+’</ um></ ponte>’;
}ifpostNum1(==) poste++;
html += ‘</div>’;ifisPage( || isFirstPage || isLablePage){
var desfile = document.getElementsByNamepageArea(””);
var blogPager = document.getElementByIdblog(”- mensageiro”);ifpostNum( <= 2){
html =”;
}forvar( p =0p;< pageArea.lengthp;++){
pageAreap.innerHTML[] = html;
}ifpageAreapageArea.length0(&&>){
html =”;
}ifblogPager(){
blogPager.innerHTML = html;
}
}}
</manuscrita><manuscrita src=”/ alimentos/ postes/ sumário?altjson=- em-scriptcallbackshowpageCountmax&=&-results99999=″ typetext=”/javascript”></ manuscrita>
- Clique Salvo botão.
- Arrastar e depositar o novamente adicionada HTML/JavaScript dispositivo a diretamente direita abaixo o Blog Postes elemento.

- Faça um clique num Salvo botão fazer a mudança efetiva.
For usuário quem dont’ desejo usar a página Elemento pingente ou dispositivo, dela’ possível a manualmente edição o Arquivo HTML, embora dela’ mais difícil fazer e devia somente ser tentado by blogger com técnico experiência.
- Lógica aBlogger conta Painel.
- Faça um clique num o plano ligação à blog que quer para modificar ( se seu’ inspeção o blog e registrando em a Blogger ou Google Conta, justamente faça um clique num Personalizar ao Próxima Blog barra de ferramentas.
- Encaminhar-se Editar HTML conta ( não há necessidade para expandir pingente modelos).
- Procurar a seguinte linha:
bskin]]:>></ - Cópia a seguinte CSS código e cola ou apensar o código sobre a linha:
.showpageArea {
estofo 0 2pxmargin;-bottom10pxmargin:;-top10px:;
}.showpageArea um{
borda 1px sólida #505050;
cor #000000font;-weightnormal:;
estofo 3px 6px !importante;
estofo 1px 4px ;margem: 4px;
text-decoration: nehuma;
}.showpageArea ahover: {
fonte-size11px:;
borda 1px sólida #333;
cor #000000;
background-color: #FFFFFF;
}.showpageNum um{
borda 1px sólida #505050;
cor #000000font;-weightnormal:;
estofo 3px 6px !importante;
estofo 1px 4px ;margem: 4px;
text-decoration: nehuma;
}.showpageNum ahover: {
fonte-size11px:;
borda 1px sólida #333;
cor #000000;
background-color: #FFFFFF;
}.showpagePoint {
fonte-size11px:;
estofo 2px 4px 2px 4px;
margem 2px;
font-weight: intrépido;
borda 1px sólida #333;
cor #fff;
background-color: #000000;
}.showpage ahover: {
fonte-size11px:;
borda 1px sólida #333;
cor #000000;
background-color: #FFFFFF;
}.showpageNum alink,.showpage: alink: {
fonte-size11px:;
estofo 2px 4px 2px 4px;
margem 2px;
text-decoration: nehuma;
borda 1px sólida #0066cc;
cor #0066cc;
background-color: #FFFFFF;
}.showpageNum ahover: {
fonte-size11px:;
borda 1px sólida #333;
cor #000000;
background-color: #FFFFFF;
} - Próxima, procurar a seguinte linha de código na modelos’ HTML código:
<bsection: class'main'= id'main'= showaddelement'no'=>
<bwidget: id'Blog1'= locked'true'= title'Blog= Postes type'Blog'=/>
</bsection:>nota O ‘ não’ após “showaddelement” pode ser ‘ sim’ for algum bloggers.
- Adicionar e apensar a seguinte JavaScript código logo após o </bsection:> linha:
<script; typequottext=&;/javascriptquotgt&;&;
função showpageCountjson() {
var thisUrl = location.href;
var htmlMap = nova Coleção();
var isFirstPage = thisUrl.substringthisUrl.length(-14,thisUrl.lengthquot.blogspot.com)==&;/& cota;;
var isLablePage = thisUrl.indexOfquot(&;/ procura/ etiqueta/& cota;)!=-1;
var isPage = thisUrl.indexOfquot(&;/ procura?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substrthisUrl.indexOfquot((&;/procura/ etiqueta/"14,thisUrl.length;)+) : "quot;&;;
thisLable = thisLable.indexOfquot(&;?cota=-1 ? thisLable.substr(0,thisLable.indexOf("?&cota;)): thisLable;
var thisNum = 1;
var postNum1=;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= ལ&#;;
var upPageHtml =ལ&#;;
var downPageHtml =ལ&#;;var pageCount5=;
var displayPageNum3=;
var firstPageWord = 'First39;&#;;
var endPageWord = 'Last39;&#;;
var upPageWord ='Previous39;&#;;
var downPageWord ='Next39;&#;;var labelHtml = 'ltspan;&; classquotshowpageNumquotgtlta=&;&;&;&; hrefquot=&;/ procura/ etiqueta/'thisLable39;++&#;?&max;-results39pageCount39quotgt39=&#;++&#;&;&;&#;;
forvar( i0=, poste; poste = json.feed.entryi[]; eu++){
var timestamp = post.published.t.substr0,10$();
var título = post.title.t$;
ifisLablePage(){
if(title!=ལ&#;){
ifpost.category(){
forvar( c0=, post_category; post_category = post.categoryc[]; Celsus++){
ifencodeURIComponentpost_category.termthisLable(()==){
ifitemCount0(== || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = poste;
}poste++;
htmlMaphtmlMap.length[] = '/procura/ etiqueta/'thisLable39;++&#;?atualizado-max39timestamp39T003A003A002B083A00ampmax=&#;++&#;%%%%&;-results39pageCount=&#;+;
}
}
}
}/fim ifpost.category(){itemCount++;
}}senão{
if(title!=ལ&#;){
ifitemCount0(== || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = poste;
}if(title!=ལ&#;) poste++;
htmlMaphtmlMap.length[] = '/procura?atualizado-max39timestamp39T003A003A002B083A00ampmax=&#;++&#;%%%%&;-results39pageCount=&#;+;
}
}
itemCount++;
}
}forvar( p =0plt;&; htmlMap.lengthp;++){
ifpgtthisNum(&;=(-displayPageNum-1) &amp;&; pltthisNumdisplayPageNum&;(+)){
iffFlag( ==0 &amp;&; p == thisNum-2){
ifthisNum2(==){
ifisLablePage(){
upPageHtml = labelHtml + upPageWord +'lt;&;/agtlt&;&;/ lentejoula&;&#;;
}senão{
upPageHtml = 'ltspan;&; classquotshowpagequotgtlta=&;&;&;&; hrefquot=&;/"gt39;&;&#;+ upPageWord +'lt;&;/agtlt&;&;/ lentejoula&;&#;;
}
}senão{
upPageHtml = 'ltspan;&; classquotshowpagequotgtlta=&;&;&;&; hrefquot39htmlMapp39quotgt39=&;&#;+[]+&#;&;&;&#;+ upPageWord +'lt;&;/agtlt&;&;/ lentejoula&;&#;;
}fFlag++;
}ifpthisNum(==(-1)){
html += 'ampnbspltspan;&;;&; classquotshowpagePointquotgtltugt39thisNum39lt=&;&;&;&;&;&#;++&#;&;/ugtlt&;&;/ lentejoula&;&#;;
}senão{
ifp0(==){
ifisLablePage(){
html = labelHtml391lt+&#;&;/agtlt&;&;/ lentejoula&;&#;;
}senão{
html += 'ltspan;&; classquotshowpageNumquotgtlta=&;&;&;&; hrefquot=&;/"gt1lt;&;&;/agtlt&;&;/ lentejoula&;&#;;
}
}senão{
html += 'ltspan;&; classquotshowpageNumquotgtlta=&;&;&;&; hrefquot39htmlMapp39quotgt39=&;&#;+[]+&#;&;&;&#;+ (p1+) +' </agtlt&;&;/ lentejoula&;&#;;
}
}ifeFlag( ==0 &amp;&; p == thisNum){
downPageHtml = 'ltspan;&; classquotshowpagequotgt=&;&;&; <a; hrefquot39htmlMapp39quotgt39=&;&#;+[]+&#;&;&;&#;+ downPageWord +'lt;&;/agtlt&;&;/ lentejoula&;&#;;
eFlag++;
}
}/fim ifpgtthisNum(&;=(-displayPageNum-1) &amp;&; pltthisNumdisplayPageNum&;(+)){
}/fim forvar( p =0plt;&; htmlMap.lengthp;++){ifthisNumgt1(&;){
seisLablePage){
html = 'ltspan;&; classquotshowpagequotgtlta=&;&;&;&; hrefquot=&;/"gt39;&;&#;+ firstPageWord +' </agtlt&;&;/spangt39upPageHtml39&;&#;++&#; 'html;+ +' ';
}senão{
html = ལlabelHtml;&#;+ + firstPageWord +' </agtlt&;&;/spangt39upPageHtml39&;&#;++&#; 'html;+ +' ';
}
}html = 'ltdiv;&; classquotshowpageAreaquotgtltspan=&;&;&;&; stylequotfont=&;-size11pxpadding:;: 2px 4px 2px 4pxmargin;: 2px 2px 2px 2pxcolor;: #000000;border: 1px sólida #333; conhecimento- cor: #FFFFFFquot;&; classquotshowpagequotgtPage=&;&;&; 'thisNum39;++&#; de 'postNum;+(-139)+&#;: </spangt39html&;&#;+;
ifthisNumltpostNum(&;(-1)){
html += downPageHtml;
html += 'ltspan;&; classquotshowpagequotgtlta=&;&;&;&; hrefquot39htmlMaphtmlMap.length=&;&#;+[-139quotgt]+&#;&;&; 'endPageWord39lt;++&#;&;/agtlt&;&;/ lentejoula&;&#;;
}ifpostNum1(==) poste++;
html += 'lt;&;/divgt39&;&#;;ifisPage( || isFirstPage || isLablePage){
var desfile = document.getElementsByNamequotpageAreaquot(&;&;);
var blogPager = document.getElementByIdquotblog(&;-pagerquot&;);ifpostNum( <= 2){
html =ལ&#;;
}forvar( p =0plt;&; pageArea.lengthp;++){
pageAreap.innerHTML[] = html;
}ifpageAreaampamppageArea.lengthgt0(&;&;&;){
html =ལ&#;;
}ifblogPager(){
blogPager.innerHTML = html;
}
}}
</ manuscrita&;<script; srcquot=&;/ alimentos/ postes/ sumário?altjson=- em-scriptampcallbackshowpageCountampmax&;=&;-results99999quot=&; typequottext=&;/javascriptquotgtlt&;&;&;/ manuscrita&;
- Faça um clique num Pré estréia botão para garantir que não código erro estado encontrado. Não efeito ao navegação sendeiro pode ser visto embora.
- Faça um clique num Salvo Modelo salver a mudança.
Personalização e Modificação
- For usuário quem é não usando blogspot.com domínio ( usando si mesma- hospedaria nome de domínio), modificar o .blogspot.com e 14 (13 caracteres de domínio nome + 1) na linha de var isFirstPage = thisUrl.substringthisUrl.length(-14,thisUrl.lengthquot.blogspot.com)==&;/& cota;; conforme combinação.
- O valor na linha de var pageCount =5; determina o número de postes aquela compressão mostrado em qualquer página.
- O valor na linha de var displayPageNum = 3; definir o número de página ligações na navegação bar aquela compressão visualizada (e.g. 1 2 3).
- Usuário quem sabe CSS e Café Manuscrita podem personalizar o código a seu bel-prazer.
importante: A página é máquina traduzida e previsto " como é" sem garantia. Máquina tradução pode ser difícil comprender. Por favor recorrer aoriginal Inglês artigo sempre que possível.
Relacionado Artigos
- Workaround adicionar Hábito Tramites em Blogger AdSense Página Elemento Pingente
- Blogger (at BlogSpot) com Categoria Etiquetas e Draga- e- Pingo Modelo Edição Fora de Beta
- Manual Ambiente em Branca Balança
- Manual e Limpeza Anular a instalação Oráculo para Windows
- Colocar a informação Yahoo Mensageiro for Vista 2007.11.30.421 Independente Manual Configurado Instalada
- Remover Microscópio Palavra Manual Formatando ou Copiada Formatando de Exterior Fonte
- Dispositivo Aniversário Bolos
- Dispositivo e Gata
- Nokia N95 Nova SmartPhone Dispositivo
- Global Dispositivo Mania










































Dezembro 27th, 2008 2327:
cópula u eu perdido my tempo levando esse pedaço de excremento n my aconselhamento a u melhor posto algum autenticar código próxima vez……..
abalado
Dezembro 27th, 2008 0206:
yeah eu hei perdido conde da número de sítio mostrando a mesma cortes..com desconsideração modificações. bem a faz trabalho usando página elemento. tem tentado o outros na editar html moda..não sorte!
devo acordar que desde quase o total sendeiro foi de outrem, o crédito dada by you é apenas fonte e fonte, pelo menos tem o compostura mencionar o original criador nome ou sítio e nem todos justamente algum obscuro referência ligação qual povos acostumado notícia.
são you que má vontade fazê-lo?
em qualquer caso, quando tal um corte é mostrado..melhor mostrar exemplo em blogspot também mostrar que tendes urself também fazer funcionar e nem todos justamente cópia e colando e fazendo nós pensar-se que você tem fazer funcionar. outro tempo
Dezembro 26th, 2008 0559:
Você és um grande abalado. Quando-se uso outros artigos, you pelo menos dever eles um ligação atrás….
Usando não acatar ligação é estupidez imo!
Dezembro 26th, 2008 0042:
aquele código faz work.that mostra somente negra colônia
Novembro 23rd, 2008 1921:
Dela’ um Leora Ka Bal solução.
Novembro 22nd, 2008 0549:
Dela enguiçado para mim, Eu copiava o código acima e Estou usando o nova blogger. Poderia yoou por favor me ajude nesta.
Ravina
Novembro 21st, 2008 0423:
This faz trabalho at tudo para mim. Nada mudanças at tudo.
Novembro 15th, 2008 0634:
dela’ trabalho agora na minha Livre telefone celular tema!
mas algum atrás, lá uma errata assim
“não postes fósforo seu questão”
existe um qualquer solução!
Novembro 15th, 2008 0252:
não trabalho na minha blogspot! posso errado espaço o código?
Novembro 13th, 2008 1837:
Ive’ completo agora………
páginas’ número são mostrados na minha blog
mas Como organizar páginas na minha blog ?
Novembro 13th, 2008 1810:
enguiçado…….
coz Eu fiz a mesma que u por escrito acima.
mas não página numerando podiam ser mostrado.
Outubro 23rd, 2008 0943:
my blogs é ainda em clássico blogger, poderia esse convite eu costumava my blog?
E como a mostrando a página número em wordpress, a página número plugue justamente somente suporta até 2.5 versão. existe um qualquer idéia? ou justamente esperando por plugue a nova versão liberação?
agradecimento
Outubro 19th, 2008 1014:
Tudo Está legal. Mas enquanto tentando this encontrado algum problemas. Por exemplo, quando EU faça um clique num ‘ próxima’ página, algum tempos mostra a mesma página, especialmente após 6th ou 7th página. Eu penso é a bem de o manuscrito usado. É não como suave como wordpress navegação Jkwebtalks