Cómo hacer un número de página Barra de navegación para Bloggers

Si usted tiene un blog en la plataforma Blogger, entonces por defecto, usted no tiene una página numerada navegación barra en la parte inferior de tu blog. Mientras que algunos temas incluyen esto, si usted no tiene una página numerada navegación bar y desea utilizar uno en su blog, usted puede insertar el código manualmente. Desafortunadamente, el código sólo funcionará con ciertos temas, por lo que no es un método garantizado. Si ya ha personalizado la plantilla, asegúrese de hacer una copia de seguridad antes de continuar. 

NÚMERO DE NAVEGACIÓN

Inicie sesión en Blogger. Haga clic en "Panel de control", luego "Diseño" y luego en "Editar HTML".

Busque el código siguiente: / b: Piel

Agregue el siguiente código a la vista:

. ShowpageArea {padding: 0 2px; margin-bottom: 10px; margin-top: 10px;

}

. ShowpageArea un {border: 1px solid # 505050;

color: # 000000; font-weight: normal;

padding: 3px 6px importantes;!

padding: 1px 4px; margen: 4px 0px;

text-decoration: none;

}

. ShowpageArea a: hover {

font-size: 11px;

frontera: 1px solid # 333;

color: # 000000;

background-color: # FFFFFF;

}

. ShowpageNum un {border: 1px solid # 505050;

color: # 000000; font-weight: normal;

padding: 3px 6px importantes;!

padding: 1px 4px; margen: 4px 0px;

text-decoration: none;

}

. ShowpageNum a: hover {

font-size: 11px;

frontera: 1px solid # 333;

color: # 000000;

background-color: # FFFFFF;

}

. ShowpagePoint {font-size: 11px;

padding: 2px 2px 4px 4px;

margen: 2px;

font-weight: bold;

frontera: 1px solid # 333;

color: # fff;

background-color: # 000000;

}

. Showpage a: hover {font-size: 11px;

frontera: 1px solid # 333;

color: # 000000;

background-color: # FFFFFF;

}

. ShowpageNum a: link, showpage a:. Enlace {

font-size: 11px;

padding: 2px 2px 4px 4px;

margen: 2px;

text-decoration: none;

border: 1px solid # 0066CC;

color: # 0066CC;

background-color: # FFFFFF;}

. ShowpageNum a: hover {font-size: 11px;

frontera: 1px solid # 333;

color: # 000000;

background-color: # FFFFFF;

}

Encuentra este código:

b: clase section = id 'principal' = showaddelement 'main' = 'yes'

b: widget de id = 'Blog1 bloqueado = "" title =' true 'type =' Artículos Blog Blog '/

/ B: sección

Agregue el siguiente código después de que el código:

guión type = 'text / javascript'

var home_page_url = location.href;

var pageCount = 10;

var displayPageNum = 6;

var upPageWord = 'anterior';

var downPageWord = 'Siguiente';

función showpageCount (json) {

var thisUrl = home_page_url;

htmlMap var = new Array ();

var thisNum = 1;

var postNum = 1;

var objetoCuenta = 0;

var fFlag = 0;

var eFlag = 0;

var html ='';

var upPageHtml ='';

var downPageHtml ='';

for (var i = 0, puesto, mensaje = json.feed.entry [i]; i + +) {

var timestamp1 = post.published $ t.substring (0,19) + post.published $ t.substring (23,29)..;

timestamp = encodeURIComponent (timestamp1);

var title = post.title $ t.;

if (title! ='') {

if (objetoCuenta == 0 | | (objetoCuenta% pageCount == (pageCount-1))) {

if (thisUrl.indexOf (timestamp)! = -1) {

thisNum = postNum;

}

if (title! ='') postNum + +;

htmlMap [htmlMap.length] = timestamp + + 's =' + pageCount '/ search updated-max =?';

}

}

objetoCuenta + +;

}

for (var p = 0; htmlMap.length p, p + +) {

si (p = (thisNum-displayPageNum-1) (thisNum + displayPageNum)) {

if (0 == fFlag SNUM-2) {

if (thisNum == 2) {

"span class =" showpage "a href =" / "'upPageHtml = + upPageWord +' / a / span ';

} Else {

"span class =" showpage "a href = upPageHtml =" '+ htmlMap [p] +' "'+ upPageWord +' / a / span ';

}

fFlag + +;

}

Agregue el siguiente código debajo:

si (p == (thisNum-1)) {

HTML + = "span class =" showpagePoint "'+ thisNum +' / span ';

} Else {

if (p == 0) {

HTML + = "span class =" showpageNum "a href =" / "1/a/span ';

} Else {

HTML + = "span class =" showpageNum "a href =" '+ htmlMap [p] +' "'+ (p +1) +" / a / span';

}

}

if (0 == eFlag SNUM) {

"span class =" showpage "a href = downPageHtml =" '+ htmlMap [p] +' "'+ downPageWord +' / a / span ';

eFlag + +;

}

}

}

if (thisNum1) {

html ='' + upPageHtml + '' + HTML + '';

}

html = 'div class = span style "showpageArea" = "color: # 000;" class = "páginas showpageOf" (' + (postNum-1) + ') / span' + html;

if (thisNum (postNum-1)) {

HTML + = downPageHtml;

}

if (postNum == 1) postNum + +;

HTML + = '/ div';

var áreaDePágina = document.getElementsByName ("áreaDePágina");

blogPager var = document.getElementById ("blog-pager");

if (postNum = 2) {

html ='';

}

for (var p = 0; pageArea.length p, p + +) {

áreaDePágina [p] innerHTML = HTML.;

}

if (pageArealength0) {

html ='';

}

if (blogPager) {

blogPager.innerHTML = Loading

}

}

Agregue el siguiente código debajo:

función showpageCount2 (json) {

var thisUrl = home_page_url;

htmlMap var = new Array ();

var isLablePage = thisUrl.indexOf ("/ search / label /") = -1!;

var thisLable = isLablePage? thisUrl.substr (thisUrl.indexOf ("/ search / label /") 14, thisUrl.length): "";

thisLable = thisLable.indexOf ("?")! = -1? thisLable.substr (0, thisLable.indexOf () "?"): thisLable;

var thisNum = 1;

var postNum = 1;

var objetoCuenta = 0;

var fFlag = 0;

var eFlag = 0;

var html ='';

var upPageHtml ='';

var downPageHtml ='';

labelHtml var = "span class =" showpageNum "a href =" / search / label / '+ + + thisLable pageCount +' s =? '"';

var thisUrl = home_page_url;

for (var i = 0, puesto, mensaje = json.feed.entry [i]; i + +) {

var timestamp1 = post.published $ t.substring (0,19) + post.published $ t.substring (23,29)..;

timestamp = encodeURIComponent (timestamp1);

var title = post.title $ t.;

if (title! ='') {

if (objetoCuenta == 0 | | (objetoCuenta% pageCount == (pageCount-1))) {

if (thisUrl.indexOf (timestamp)! = -1) {

thisNum = postNum;

}

if (title! ='') postNum + +;

htmlMap [htmlMap.length] = '/ search / label /' + thisLable + + timestamp + 's =' + pageCount 'updated-max =?';

}

}

objetoCuenta + +;

}

for (var p = 0; htmlMap.length p, p + +) {

si (p = (thisNum-displayPageNum-1) (thisNum + displayPageNum)) {

if (0 == fFlag SNUM-2) {

if (thisNum == 2) {

upPageHtml = labelHtml upPageWord + + "/ a / span ';

} Else {

"span class =" showpage "a href = upPageHtml =" '+ htmlMap [p] +' "'+ upPageWord +' / a / span ';

}

fFlag + +;

}

si (p == (thisNum-1)) {

HTML + = "span class =" showpagePoint "'+ thisNum +' / span ';

} Else {

if (p == 0) {

html = labelHtml + '1 / a / span ';

} Else {

HTML + = "span class =" showpageNum "a href =" '+ htmlMap [p] +' "'+ (p +1) +" / a / span';

}

}

if (0 == eFlag SNUM) {

"span class =" showpage "a href = downPageHtml =" '+ htmlMap [p] +' "'+ downPageWord +' / a / span ';

eFlag + +;

}

}

}

if (thisNum1) {

if (! isLablePage) {

html ='' + upPageHtml + '' + HTML + '';

} Else {

html ='' + upPageHtml + '' + HTML + '';

}

}

Haga clic en "Guardar plantilla".