lunes, 19 de mayo de 2014

Cómo agregar el botón siguiente y anterior en blogger

En general, la navegación para mover páginas en blogspot suelen utilizar un enlace con el texto "Entradas antiguas (antiguo puesto)" y "Entradas más recientes (nueva entrada)". Diferencias con wordpress que pueden navegar figuras con formas que pueden hacer que sea más fácil para pasar unas cuantas páginas para publicar ese viejo y lo nuevo. En este tutorial voy a explicar cómo cambiar el enlace "Entradas antiguas (post largo)" y "Entradas más recientes (nueva entrada)", una figura como se muestra a continuación.


Para hacer que la "página del blog", como el camino de arriba es muy fácil, aquí están los pasos: 
Ir a Blogger> Diseño> Edición de HTML 
una copia de seguridad de la plantilla 
Buscar (Ctrl + F) de   ]]> </ b: skin>
Pasado abajo el código de seguridad  ]]> </ b: skin>
. ShowpageArea un {
text-decoration: underline;
}
. ShowpageNum un {
text-decoration: none;
border: 1px solid # cccccc;
margin: 0 3px;
padding: 3px;
}
. ShowpageNum a: hover {
border: 1px solid # cccccc;
background-color: # cccccc;
}
. ShowpagePoint {
color: # 333;
text-decoration: none;
border: 1px solid # cccccc;
fondo: # cccccc;
margin: 0 3px;
padding: 3px;
}
. ShowpageOf {
text-decoration: none;
padding: 3px;
margin: 0 3px 0 0;
}
. SHOWPAGE a {
text-decoration: none;
border: 1px solid # cccccc;
padding: 3px;
}
. SHOWPAGE a: hover {
text-decoration: none;
}
. ShowpageNum a:. Enlace, SHOWPAGE a: link {
text-decoration: none;
color: # 333333;
}
 . 4 A continuación, busque el código </ body> y agregue el siguiente código en él:
<- Page Navigation Starts -> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> Messenger type='text/javascript'>
var pageCount = 5;
var displayPageNum = 5;
var upPageWord = 'anterior';
var downPageWord = "Siguiente";
</ Script>
Messenger src='https://bloggerknown.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</ B: if> </ b: if>
<-! Termina Page Navigation ->  >

 5. Haga clic en la vista previa en primer lugar, si no hay ningún error, en Guardar. 
Cambiar número de páginas 5 y la página de visualización Num 5 Si tiene algún problema, no dude y comentario de abajo para obtener una solución. 

0 comentarios:

Publicar un comentario

    Designed By

    Designed By

    Followers