Navegador de números

Un navegador con números o mas bien ”navegador numerado” es una barra de números el cual contiene entradas, que en blogger en vez de mostrar Entradas recientes y Entradas anteriores mostrará números el cual podrás seleccionar y navegar cómodamente por los artículos de tu blog y así tener un mejor blog personalizado lo que hace a este script muy útil para blogs de fotografías,videos,notícias de deportes,música… Además que su instalación es muy sencilla.

Ejemplo el que está aquí en el sitio:

 

INSTALACIÓN

1. Hacer una copia de tu plantilla 

2. ir a Plantilla/Edición de HTML Expandir plantillas de artilugios

3. Luego agregamos maquillaje CSS es decir antes de ]]></b:skin> este código:

.showpageArea a {
background: #444444;
text-decoration:underline;
font-weight:bold;
text-shadow:0 3px 2px #000000;
FONT-FAMILY: Arial;
font-size: 13px;
}
.showpageNum a {
text-decoration:none;
border: 0px solid #353535;
-moz-border-radius: 3px;
margin:0 3px;
background: #444444;
padding:3px;
text-shadow:0 3px 2px #000000;
FONT-FAMILY: Arial;
font-size: 13px;
}
.showpageNum a:hover {
border: 0px solid #444444;
-moz-border-radius: 3px;
background-color:#183b5f;
text-shadow:0 3px 2px #000000;
FONT-FAMILY: Arial;
font-size: 13px;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 0px solid #444444;
-moz-border-radius: 3px;
background: #183b5f;
margin:0 3px;
padding:3px;
text-shadow:0 3px 2px #000000;
FONT-FAMILY: Arial;
font-size: 13px;
}
.showpageOf {
text-decoration:none;
padding:3px;
-moz-border-radius: 3px;
background: #444444;
margin: 0 3px 0 0;
font-weight:bold;
text-shadow:0 3px 2px #000000;
FONT-FAMILY: Arial;
font-size: 13px;
}
.showpage a {
text-decoration:none;
border: 0px solid #353535;
-moz-border-radius: 3px;
background: #444444;
padding:3px;
text-shadow:0 3px 2px #000000;
FONT-FAMILY: Arial;
font-size: 13px;
}
.showpage a:hover {
text-decoration:none;
text-shadow:0 3px 2px #000000;
FONT-FAMILY: Arial;
font-size: 13px;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#ffffff;
text-shadow:0 3px 2px #000000;
FONT-FAMILY: Arial;
font-size: 13px;
}

4. Después de haber colocado el Maquillaje procedemos a colocar el script, lo subí a Dropbox solo cliquea aquí para bajarlo.

5. Bien ese código que descargaste lo debes pegar arriba de la siguiente línea:

</body>

6. Ahora hay que hacer un hack para hacer que se vea el navegador en los labels (Etiquetas) para eso busca todas las ocurrencias de este código:

'data:label.url'

Y reemplázalas con este otro.

Recuerda usar la combinación de las teclas Ctrl+F

Para buscar en tu navegador.