-
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 barra de navegación de páginas numeradas en la parte inferior de su blog. Mientras que algunos de los temas incluye esto, si usted no tiene una barra de navegación de páginas numeradas y desea usar uno en su blog, usted puede insertar el código manualmente. Por desgracia, el código sólo funciona con ciertos temas, por lo que no es un método garantizado. Si ya ha personalizado la plantilla, asegurarse de que una copia de seguridad antes de proceder.
Instrucciones
1 Iniciar sesión en Blogger. Haga clic en "Panel de control", luego "Formato" y luego "Edición de HTML".
2 Busque el código siguiente:> </ b: la piel>
3 Agregue el código siguiente antes de que:
.showpageArea {padding: 2px 0; margin-bottom: 10px; margin-top: 10px;
}
.showpageArea un {border: 1px solid # 505050;
color: # 000000; font-weight: normal;
padding: 3px 6px importante;
padding: 4PX 1px; margen: 0px 4PX;
text-decoration: none;
}
.showpageArea a: hover {
font-size: 11px;
frontera: 1px solid # 333;
color: # 000000;
background-color: #FFFFFF;
}
.showpageNum un {border: 1px # 505050 sólido;
color: # 000000; font-weight: normal;
padding: 3px 6px importante;
padding: 4PX 1px; margen: 0px 4PX;
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: link {
font-size: 11px;
padding: 2px 2px 4PX 4PX;
margen: 2px;
text-decoration: none;
frontera: 1px solid # 0066CC;
color: # 0066CC;
background-color: #FFFFFF;}
.showpageNum a: hover {font-size: 11px;
frontera: 1px solid # 333;
color: # 000000;
background-color: #FFFFFF;
}
4 Encuentra este código:
<B: Clase de la sección = "principal" id = showaddelement "principal" = "sí">
<B: widget de id = 'Blog1' bloqueado = 'true' title = 'Blog Mensajes' type = 'Blog' />
</ B: sección>
5 Agregue el código siguiente después de que el código:
<Script 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;
var htmlMap = 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; json.feed.entry post = [i]; i ++) {
. Var = timestamp1 post.published $ t.substring (0,19) + $ post.published t.substring (23,29).;
timestamp = encodeURIComponent (timestamp1);
título var = post.title $ t.;
si (título! = '') {
si (objetoCuenta == 0 || (objetoCuenta% pageCount == (pageCount-1))) {
if (! thisUrl.indexOf (fecha y hora) = - 1) {
thisNum = postNum;
}
si (title = ''!) postNum ++;
htmlMap [htmlMap.length] = '? / búsqueda actualizada-max =' + timestamp + '& max-results =' + pageCount;
}
}
objetoCuenta ++;
}
for (var p = 0; p <htmlMap.length; p ++) {
si (p> = (thisNum-displayPageNum-1) && p <(+ thisNum displayPageNum)) {
si (Fflag == 0 && p == thisNum-2) {
si (thisNum == 2) {
upPageHtml = '<span class = "showpage"> <a href="/">' + + upPageWord '</a> </ span>';
}más{
upPageHtml = '<span class = "showpage"> <a href="'+htmlMap[p]+'">' + + upPageWord '</a> </ span>';
}
Fflag ++;
}
6 Agregue el código siguiente a continuación que:
si (p == (thisNum-1)) {
html + = '<span class = "showpagePoint">' + thisNum + '</ span>';
}más{
si (p == 0) {
html + = '<span class = "showpageNum"> <a href="/"> 1 </a> </ span>';
}más{
html + = '<span class = "showpageNum"> <a href="'+htmlMap[p]+'">' + (p + 1) + '</a> </ span>';
}
}
si (eFlag == 0 && p == thisNum) {
downPageHtml = '<span class = "showpage"> <a href="'+htmlMap[p]+'">' + + downPageWord '</a> </ span>';
eFlag ++;
}
}
}
si (thisNum> 1) {
html = '' + upPageHtml + '' + HTML + '';
}
html = '<div class = "showpageArea"> <span style = "color: # 000;" class = "showpageOf"> Páginas ( '+ (postNum-1) +') </ span> '+ html;
si (thisNum <(postNum-1)) {
html + = downPageHtml;
}
si (postNum == 1) postNum ++;
html + = '</ div>';
var = pageArea document.getElementsByName ( "pageArea");
var blogPager = document.getElementById ( "el blog-pager");
si (postNum <= 2) {
html = '';
}
for (var p = 0; p <pageArea.length; p ++) {
pageArea [p] = .innerHTML html;
}
si (pageArea && pageArea.length> 0) {
html = '';
}
si (blogPager) {
blogPager.innerHTML = html;
}
}
7 Agregue el código siguiente a continuación que:
función showpageCount2 (JSON) {
var = thisUrl HOME_PAGE_URL;
var htmlMap = new Array ();
var = isLablePage thisUrl.indexOf ( "/ Búsqueda / etiqueta /") = - 1!;
var = thisLable isLablePage? thisUrl.substr (thisUrl.indexOf ( "/ Búsqueda / etiqueta /") + 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 = '';
var labelHtml = '<span class = "showpageNum"> <a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var = thisUrl HOME_PAGE_URL;
for (var i = 0, puesto; json.feed.entry post = [i]; i ++) {
. Var = timestamp1 post.published $ t.substring (0,19) + $ post.published t.substring (23,29).;
timestamp = encodeURIComponent (timestamp1);
título var = post.title $ t.;
si (título! = '') {
si (objetoCuenta == 0 || (objetoCuenta% pageCount == (pageCount-1))) {
if (! thisUrl.indexOf (fecha y hora) = - 1) {
thisNum = postNum;
}
si (title = ''!) postNum ++;
htmlMap [htmlMap.length] = '/ Búsqueda / etiqueta /' + + thisLable 'actualizada-max =?' + timestamp + '& max-results =' + pageCount;
}
}
objetoCuenta ++;
}
for (var p = 0; p <htmlMap.length; p ++) {
si (p> = (thisNum-displayPageNum-1) && p <(+ thisNum displayPageNum)) {
si (Fflag == 0 && p == thisNum-2) {
si (thisNum == 2) {
upPageHtml = labelHtml + + upPageWord '</a> </ span>';
}más{
upPageHtml = '<span class = "showpage"> <a href="'+htmlMap[p]+'">' + + upPageWord '</a> </ span>';
}
Fflag ++;
}
si (p == (thisNum-1)) {
html + = '<span class = "showpagePoint">' + thisNum + '</ span>';
}más{
si (p == 0) {
html = labelHtml + '1 </a> </ span>';
}más{
html + = '<span class = "showpageNum"> <a href="'+htmlMap[p]+'">' + (p + 1) + '</a> </ span>';
}
}
si (eFlag == 0 && p == thisNum) {
downPageHtml = '<span class = "showpage"> <a href="'+htmlMap[p]+'">' + + downPageWord '</a> </ span>';
eFlag ++;
}
}
}
si (thisNum> 1) {
if (! isLablePage) {
html = '' + upPageHtml + '' + HTML + '';
}más{
html = '' + upPageHtml + '' + HTML + '';
}
}
8 Haga clic en "Guardar plantilla".
