Inserire numero pagine nei BLOG

Salve vediamo come si inseriscono i numeri delle pagine mediante la modifica di alcuni codici CSS,Javascript e HTML.

Per prima cosa cerchiamo in Layout-->Modifica HTML
la seguente stringa:

/* Variable definitions
   ====================

subito sotto incolliamo:

          type="color" default="#ccc" value="#ffdfbf">     

          type="color" default="#000" value="#cc0000">  

Salvate.

Ora andiamo in Layout-Caratteri e colori

e scegliamo il colore che vogliamo nel mio caso è azzurro.

2) mofichiamo il codice CSS

troviamo la stringa con la combinazione tasti CTRL+F:

]]> < /b:skin >

poco sopra aggiungiamo quanto segue:

.showpageArea {    
margin-top: 12px;    
margin-bottom: 10px;    
}
.showpageArea a {    
font-size: 12px;    
font-weight: normal;    
text-align: center;    
text-decoration: none;    
border: 1px $pagefwcolor solid;    
color: $pagefwcolor;   
padding: 3px;    
margin-left: 5px;    
background: $pagebgcolor;    
}
.showpageArea a:hover {    
font-size: 12px;    
font-weight: normal;    
text-align: center;    
text-decoration: none;    
border: 1px $pagebgcolor solid;    
color: $pagebgcolor;    
padding: 3px;    
margin-left: 5px;    
background: $pagefwcolor;    
}
   
.showpageNum a {    
font-size: 12px;    
font-weight: normal;    
text-align: center;    
text-decoration: none;    
border: 1px $pagefwcolor solid;    
color: $pagefwcolor;    
padding: 3px;    
margin-left: 5px;    
background: $pagebgcolor;    
}
   
.showpageNum a:hover {    
font-size: 12px;    
font-weight: normal;    
text-align: center;    
text-decoration: none;    
border: 1px $pagebgcolor solid;    
color: $pagebgcolor;    
padding: 3px;    
margin-left: 5px;    
background: $pagefwcolor;    
}    
.showpagePoint {    
font-size: 12px;    
font-weight: normal;    
text-align: center;    
text-decoration: none;    
border: 1px $pagebgcolor solid;    
color: $pagebgcolor;    
padding: 3px;    
margin-left: 5px;    
background: $pagefwcolor;    
}
.showpageTot {    
font-size: 12px;    
font-weight: normal;    
text-align: center;    
text-decoration: none;    
color: white;    
}


SALVIAMO..!!

ora torniamo in LAYOUT----ELEMENTI PAGINA e aggiungiamo come



GADGET Javascript/HTML

incolliamo il seguente codice:

scaricatelo da qua in quanto mi da errore... SCUSATE :))


SALUTI