
La información original la teneis enBlogger Widgets y otra explicación en castellano por si la de esta entrada no se entiende bien, enGem@ Blog.
Aunque en esencia es lo mismo, podemos instalar el artilugio de tres maneras.
Sistema A (semi-automático)
1. Nos logueamos en nuestra cuenta de Blogger y a continuación accedemos a la página deBloggerPluggins correspondiente a este gadget. Rellenamos los datos de las casillas según nos interese.

Si no quereis calentaros la cabeza, los valores que se ven en la imagen quedarán bien para un blog en español, pero por si acaso, este es el significado de las distintas variables que se piden:
- Previous Page Text: Texto para el botón de las páginas previas
- Next Page Text: Texto para el botón de las páginas siguientes
- Posts Per Page: Número de entradas que se mostrarán en cada página
- Max Number of Page... : La cantidad de cuadraditos máxima que se mostrarán delante y detrás de la página activa
2. Ahora pinchamos enCustomize y a continuación enAdd Widget To My Blog. Se nos abrirá una nueva página (ya en Blogger) y desde allí pinchamos enAñadir Artilugio para que el idem se instale automáticamente en nuestro blog.

3. Por último, tenemos que ir a nuestroPanel de Control y desdeElementos de Página, desplazamos el gadget desde la barra lateral, hasta situarlo justo debajo del bloque deEntradas del Blog. Pinchamos enGuardar y comprobamos que ya tenemos nuestro marcapáginas activo.
4. Entrando porElementos de Página yEditando el gadget, veremos que al principio lleva todo el código del estilo entre etiquetasstyle. Allí es dónde podremos cambiar colores de texto y fondo, efecto hover, espaciado, etc.
Sistema B (añadiendo un gadget)
1. Añadimos un nuevo gadget HTML/JavaScript y allí pegamos este código:
.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=3;var upPageWord="Anteriores";var downPageWord="Siguientes";/script
script style="text/javascript" src="http://blogergadgets.googlecode.com/files/blogger-page-nav-v2.js"/script
Para personalizarlo se pueden cambiar los siguientes valores antes deGuardar el gadget:
- var pageCount=5 : Número de entradas que se mostrarán en cada página
- var displayPageNum=3 : La cantidad de cuadraditos máxima que se mostrarán delante y detrás de la página activa
- var upPageWord="Anteriores" : Texto para el botón de las páginas previas
- var downPageWord="Siguientes" : Texto para el botón de las páginas siguientes
.showpageArea a : Contenedor general del artilugio. Enlace.
.showpageNum a : Cada uno de los botones, excepto la página activa. Enlace.
.showpageNum a:hover : Idem anterior. Enlace al pasar el puntero.
.showpagePoint : El botón de la página activa.
.showpageOf : Texto que muestra el total de páginas.
.showpage a : Botones de texto Anteriores/Siguientes. Enlace.
.showpage a:hover : Botones de texto Anteriores/Siguientes. Enlace al pasar el puntero.
.showpageNum a:link,.showpage a:link : Para no cambiar los enlaces visitados.
Este código es el mismo al que podemos acceder cuando viendo la imagen del punto A.2, pinchamos enEditar Contenido. Comento esto porque aunque el resultado sea el mismo, en ocasiones es conveniente ver qué es lo que estamos instalando... sobre todo si la fuente no es fiable.
2. Al igual que antes, el gadget hay que moverlo debajo deEntradas del Blog para que empiece a funcionar.
3. Si vamos probando, veremos que el artilugio se muestra y funciona perfectamente en la navegación por fechas, pero que cuando accedemos a una entrada o navegamos por etiquetas, aparecen los enlaces habituales (Entradas Antiguas /Entradas más recientes). Para solucionar esto hay que acceder al código de la plantilla con losArtilugios Expandidos y buscar todas las menciones a la variable'data:label.url'. Allí donde estuviera ese trozo de código, sustituirlo por'data:label.url + "?&max-results=5"'
Aquí se ha usado el número5 porque es el número de posts por página que seleccionamos al principio. Si hubiéramos optado por otra cifra entonces, ahora tendríamos que usar esa en lugar del5.
Ojo al buscar la cadena'data:label.url'. Sólo hay que cambiar aquella que sea exactamente igual, con sus comillas simples incluidas. En algún sitio os encontrareis la variable formando parte de un condicional, pero no está encerrada entre comillas y en ese caso NO hay que sustituir nada. Por lo general encontrareis cuatro ocurrencias, pero puede haber alguna más o alguna menos.
Una vez hechas las sustituciones,Guardamos la plantilla y ya funcionará el gadget también para la navegación por etiquetas. En las páginas individuales de las entradas, seguirá sin funcionar, pero esto es lo lógico puesto que aquí no se pueden mostrar cinco posts, sino sólo aquel al que se accede.
Sistema C (modificando plantilla)
1. Editamos plantilla y antes de/b:skin pegamos toda la parte CSS que configura el estilo de la botonera.
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;
}
Igual que se ha explicado anteriormente (ver B.1), todas estas propiedades se pueden cambiar para adaptar la estética a la de nuestro blog.
2. Ahora localizamos/body y justo antes pegamos los parámetros y la llamada a la función JavaScript.
b:if cond='data:blog.pageType != "item"'
script type='text/javascript'
var pageCount=5;
var displayPageNum=3;
var upPageWord ='Previous';
var downPageWord ='Next';
/script
script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v2.js' type='text/javascript'/
/b:if
También se pueden configurar los valores de las variablesvar pageCount,displayPageNum,upPageWord ydownPageWord, y su significado es el mismo que ya tambien se explicó antes (B.1).
3. Ahora hacemos la sustitución de'data:label.url' explicada en B.3 yGuardamos cambios.
Parece que el script que se cita en esta entrada se ha eliminado de su alojamiento, así que aquí tenéis un par de sitios más dónde poder descargarlo. El primero nos lo cede amablementeRafire Rocks, que fue quién nos hizo saber mediante un comentario lo del enlace roto:
https://sites.google.com/site/rafirerocks/scripts/paginaci%C3%B3n%20script.txt
http://olobloggerblog.googlecode.com/files/blogger-page-nav-v2.js
injury lawyers west palm beach Cheap Car Insurance for Ladies Life Insurance Co Lincoln ANNUITY SETTLEMENT DONATE YOUR CAR SACRAMENTO cash out structured settlement futuristic architecture Asbestos Lung Cancer massage school dallas texas purchase structured settlements Casino Car Insurance Quotes Colorado Bankruptcy lawyer Health Records Personal Health Record utah mesothelioma lawyer Life insurance co Lincoln personal injury attorney ocala fl Service business software Structures Annuity Settlement Seo services Online casino NEUSON Donate Car to Charity California Criminal defense lawyer mesothelioma suit dui lawyer scottsdale buying an annuity calculator Business finance group Live casino domain yahoo workplace accident attorney structured settlement brokers Mobile casino Proud Italian cook attorney lawyer mesothelioma Casino reviews Cheap Car Insurance in Virginia mesothelioma settlements best accident attorneys home phone internet bundle motorcycle accident lawyer california wisconsin mesothelioma attorney Hire php developers How to Donate A Car in California Best social media platforms Donate Cars in MA Make money online Australia Home phone internet bundle Php programmers better conferencing calls Paperport Promotional Code Best social media platforms for business primary pulmonary hypertension Sell Annuity Payment DUI lawyer Hire php programmers domain registration yahoo buy gift card canada personals yahoo ASBESTOS LAWYERS Better Conference Calls Dwi lawyer Photo Christmas cards compare life assurance Psychic for Free motor insurance quotes Php programmers for hire Automobile Accident Attorney Psd to WordPress Criminal lawyer california motorcycle accident lawyer Custom Christmas cards Seo company Best Seo company structured settlemen Mortgage Hire php developer car insurance companies mesothelioma lawsuits Social media campaigns structured settlement need cash now Computer science classes online alcohol rehab center in florida DONATE A CAR IN MARYLAND Donate your Car for Money harddrive data recovery services truck accident attorney texas Seo companies Forensics Online Course online colledges Car insurance quotes Colorado uk homeowner loans New social media platforms DONATE OLD CARS TO CHARITY mesothelioma law firm Motor Insurance Quotes Donate Your Car Sacramento Html email car crash attorneys Social media platforms for business Donate car for tax credit Custom WordPress theme designer Online motor insurance quotes Low Credit Line Credit Cards accident car florida lawyer DONATE YOUR CAR FOR KIDS Business management software bus accident attorney los angeles motorcycle lawyer los angeles HOME PHONE INTERNET BUNDLE att call conference Donate Your Car for Kids Car Insurance Quotes Utah VIRTUAL DATA ROOMS CAR INSURANCE QUOTES MN domain name yahoo auto accident lawyer san francisco Dedicated Hosting Dedicated Server Hosting WebEx costs Online Christmas cards hosted predictive dialers car insurance quotes mn Donating a Car in Maryland Nunavut culture student loan consolidation program integrated ehr PhD in counseling education forensics online course structured settlement blog Social media strategies Best Criminal Lawyers in Arizona WordPress themes for designers Data Recovery Raid WordPress hosting sell my structured settlement structured settlement investments Adobe illustrator classes Social media examiner Social media management Car Accident Lawyers Tech school World Trade Center Footage structured annuity settlement low credit line credit cards Social media platforms Christmas cards Donate a Car in Maryland accident attorney orange county selling structured settlement mesothelioma ct chicago hair laser removal mesothelioma information Business VOIP Solutions Psd to html Italian cooking school WordPress theme designers DAYTON FREIGHT LINES Claim st louis mesothelioma attorney Learning adobe illustrator Neuson Social media tools Mesothelioma Law Firm car insurance quotes Online Stock Trading accident lawyers in los angeles Donate Car for Tax Credit Dayton Freight Lines state of california car insurance BETTER CONFERENCING CALLS asbestos mesothelioma lawsuit Mortgage Adviser MET AUTO sell structured settlement calculator Nunavut Culture Annuity Settlements Asbestos Lawyers benchmark lending MESOTHELIOMA LAW FIRM structured settlements annuities onlineclasses city college in miami most profitable internet business Hard drive Data Recovery Services what is structured settlement Motor Replacements HOLLAND MICHIGAN COLLEGE sell annuity payment mesothelioma attorneys california CHEAP CAR INSURANCE FOR LADIES Cheap Domain Registration Hosting Donate car to charity California Donate Cars Illinois Online classes Massage School Dallas Texas business administration masters Criminal Defense Attorneys Florida CAR INSURANCE QUOTES UTAH Donate old cars to charity CHEAP DOMAIN REGISTRATION HOSTING Holland Michigan College Online Motor Insurance Quotes Online Colleges Online Classes los angeles auto accident attorneys Donate cars in ma injury lawyer houston tx Royalty Free Images Stock online criminal justice degree Dallas Mesothelioma Attorneys