Paginador en Blogger

19

Posteado en ,

Bueno amigos aqui les traigo un pequeño truco para poner un paginador en blogger , si no saben que es un paginador aqui les dejo la imagen para que vean como es.

Pues ese es mas o menos , la verdad he visto muchos tutoriales donde te enseñan como hacerlo pero es que estan algo complejos y son de varios pasos, entonces aqui les voy a a enseñar como poner el paginador en solo 2 pasos y muy faciles , bueno empecemos:

1. Bueno vamos a pegar el siguiente codigo antes de la etiqueta </body>


2. Despues de eso elegimos un estilo para nuestro paginador,aqui dejo unos estilos para el Paginador:

Demo:

  1. Style 1
  2. Style 2
  3. Style 3
  4. Style 4
  5. Style 5
  6. Style 6

Archivo css:
  1. Style 1
  2. Style 2
  3. Style 3
  4. Style 4
  5. Style 5
  6. Style 6

simplemente copiamos el texto que hay en el Archivo Css antes de la etiqueta </b:skin>, damos una vista previa para asegurarnos de que todo esta bien y si todo sale bien ya tenemos nuestro paginador, bueno espero y les haya servido , si tienen dudas dejen un comentario aqui
saludos
Tutorial realizado por thelarios para tecno compu

19 comentarios:

Hola y Gracias por el tuto... Tengo problemas perdóname no soy experto en el tema pero por mas que intento ingresar el código "Css" me aparece todo el código cuando le doy en vista previa a mi blogger.
Tengo que copiar el codigo "Css" entre :javascript'/> osea en la mitad de > <...?? o modifico algo..?
Gracias por tu respuesta...

Hola anonimo, el codigo css simplemente lo copias antes de </b:skin> para que te funcione, cualquier otro problema dejas un comentario!
saludos :)

Hola Fabian.. Muchísimas gracias por tu ayuda.
Te soy sincero no soy un experto en lo que es blog pero intento hacer lo posible.
Te lo explico con imágenes y así me puedas ayudar vale.
Imagen 1(http://i42.tinypic.com/2z4zbx5.jpg) Me imagino que justo donde está el indicador de color rojo tengo que pegar el código??? Pero cuando le doy clic en vista previa me aparece Imagen 2(http://i42.tinypic.com/16gmp8x.jpg) Aparece el código seguramente algo estoy haciendo mal .. En verdad perdoname la ignorancia y ojala me puedas ayudar.. Gracias..

Y si te puedo compartir alguno de los programas que tengo pues e aquí mi blog (http://lomejormega-pc.blogspot.com/)

Por cierto felicitaciones..!!! por el nuevo diseño de tu Blog... Fabian... Está cheverisimo y si tu me lo permites me gustaría poder promocionarte en mi blog....??

Hola Bdj, fijate que los estas copiando en el lugar que no es, lo estas copiando en </b:if> y debes copiarlo en </b:skin>, para localizarlo mejor presiona control +f3 y te aparece un cuadro, hay pones el </b:skin> y lo buscas, cuando te aparezca pegas el codigo de css antes de ese!
muchas gracias por lo del diseño y si quiere hacerle promocion a mi blog de nuevo gracias!
cualquier problema con el paginador dejas otro comentario.

Hola Fabian..!!!

Gracias por tu ayuda y espero que me tengas un poquito de paciencia. Y si tienes razón yo estaba pegando el código donde no es.
En esta imagen te indico donde pegue el código (http://i44.tinypic.com/sdmeps.jpg) Y en esta imagen el código ya pegado (http://i43.tinypic.com/29wu3c4.jpg) pero nada que ver.

Perdóname la molestia x fis échame una manito de seguro algo estoy haciendo mal nuevamente.

Hola de nuevo, veo que este metodo se te complica un poco, asi que te dejo uno un poco más facil:
simplemente tienes que agregar un gadget html bajo las entradas y pegar esto:
<style type="text/css">.showpageArea a {text-decoration:underline;}.showpageNum a {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;background: #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:link,.showpage a:link {text-decoration:none;color:#333333;}</style>

<script style="text/javascript">var pageCount=5;var displayPageNum=5;var upPageWord="Siguiente";var downPageWord="Anterior";</script><script style="text/javascript" src="http://blogergadgets.googlecode.com/files/blogger-page-nav-v2.js"></script>


Lo guardas y ya tienes tu paginador, espero que te funcione!

Gracias Fabian...!!
Cambie el diseño de mi blog por completo y ya funcione la primera opción pero no c por que los número aparecen tan juntos.... Lo importante es que ya se ven...

Gracias mi amigo y tenlo por seguro que no me pierdo nada de tu blog...

Sería chevere si publicaras como poder crear un acceso directo para ingresar al blog para poderlo editarlo...

Chau y suerte en todo..!! :)

Si se ve un poco junto, si no te convence del todo hasta podes probar la segunda opcion jeje!
y respecto a lo del acceso directo, como algo que tu puedas ver para editarlo desde tu blog o desde donde?
saludos

Hola Fabian..!!
Si estan bastante juntos los numeritos pero bueno ya despues cambio eso. La segunda opción no c por que no me funciona.

No importa... Ya luego se a de arreglar, yo te comentaba del acceso directo como los que tu tienes en tu blog en la parte superior... Están cheverisimos como (Inicio,Invitaciones......) Yo creo que así se facilita la navegación por el blog.

Y solo una sugerencia espero que no te molestes es tan solo que en tu blog no encuentro la opción de poder enviarte un correo directamente o contacto o algo parecido para de esa manera los mensajes sea mas personalizados y no tan públicos... Digo....Solo es una sugerencia.
Chau y Gracias por la ayuda..!

Gracias por decirme lo del "contacto" se me habia olvidado agregarlo de nuevo en el cambio de diseño pero ya lo puse otra vez, y lo de el menu que tengo en el blog ya mismo me pongo a hacer una entrada explicando como se hace.
saludos!

Hola mi amigo Fabian..!!
Espero que te encuentres bien, te envié un msj a trabes de la opción contacto pero la verdad no e recibido ninguna respuesta.
Tan solo te quería pedir que me ayudes 2 dudas.
1.- Como puedo aumentar el tamaño de mi paginador...(están como aplastados)??
2.- Como puedo crear una opción contactos..???

Te agradezco de antemano por tu ayuda..!!

Hola marcelo, depronto no me llego el mensaje o quien sabe, para aumentar el tamaño del paginador no he probado aun, pero el formulario es muy facil.
Solo tienes que pegar esto en una entrada y esa sera la del formulario


<pre class="codigo"><form action="http://chicablogger.chica-web.es/email.php" method="post" name="myform" onsubmit="return valid(this)"><input name="recipient" value="< tucorreo@correo.com >" type="hidden"><input name="subject" value="Contacto vía e-mail" type="hidden"><input name="redirect" value="http://tecno-compu.blogspot.com" type="hidden">
<span style="color: rgb(0, 0, 0); font-weight: bold;">Nombre (obligatorio):</span&gt
<input gtbfieldid="17" style="color: rgb(0, 0, 0);font-size:30px;" name="realname" type="text">

<span style="color: rgb(0, 0, 0); font-weight: bold;">E-mail: (obligatorio, no será mostrado)</span>
<input gtbfieldid="18" style="color: rgb(0, 0, 0);font-size:30px;" name="email" type="text">

<span style="color: rgb(0, 0, 0); font-weight: bold;">Sitio Web:</span>
<input gtbfieldid="19" style="color: rgb(0, 0, 0);font-size:30px;" name="website" id="website" type="text">

<span style="color: rgb(0, 0, 0); font-weight: bold;">Tu mensaje:</span>

<textarea style="color: rgb(0, 0, 0);" cols="40" rows="6" name="Comments" wrap="soft"></textarea>
<input style="color: rgb(0, 0, 0);" value="Enviar" type="submit"><span style="color: rgb(0, 0, 0);"> </span><input style="color: rgb(0, 0, 0);" value="Limpiar" type="reset">
</form>
</pre>
Recuerda cambiar tucorreo@correo.com por el correo a donde quieres que te lleguen los mensajes.
saludos!

Hola..!! Fabian..

Muchísimas gracias por la ayuda..!!

Ojala y luego me puedas ayudar con eso del paginador es que está muy chiquitos los números... Chau y suerte en todo....!!

Como puedo hacer para ocultar el paginador en las páginas estáticas?

Gracias...

hola fabian hice el truco y esta genial.. pero tambien me surgio un problemita.. y es que el paginador solo me saca 63 paginas.. y mi blog posee muchas paginas mas.. me gustaria que lo vieras y si puede ser que me digeras que puede estar mal.. de antemano gracias.
mi blog es http://www.reparamosconecta2.com

Hola Θdiŋ-k0, que raro que solo te funcione con 63 paginas, ¿depronto tienes muchos post por pagina?, ¿ya haz utilizado antes otro estilo de paginador y te ha dado un numero diferente de paginas?
Saludos

es la primera vez que utilizo un paginador en este blog. y por pagina tengo 12 post.. pero utilizando el leeme por defecto en cada post con un script que vi muy bien explicado en ciudadblogger.
Saludos y gracias por tan pronta respuesta.

Recuerden que el script que va antes de la etiqueta BODY , debemos modificarlo en los numeros dependiendo de los post que tengamos en la portada , salu2

Publicar un comentario

No dudes en dar tu opinion ni en preguntar, recuerda suscribirte a mi Feed