Cod HTML Navigare in pagini cu numere Blooger

Am să scriu acest articol la rugămintea unui vizitator al blog-ului care mă ruga într-un comentariu la articolul ''Cod html numerotare pagini Blog-Blogger'', să remediez mica problemă pe care o avea acel cod şi anume odată introdus codul afişa navigarea în pagini cu numere însă din motive nedescoperite nu mai afişa data la care a fost postat articolul. Am încercat să remediez acea problemă dar nu am reuşit. Am căutat un alt cod şi. am găsit se pare unul mult mai bun care vă ajută să navigaţi în păgâniile blog-ului cu numere...

Acest cod html este uşor de inserat dar şi de personalizat

  Pentru al insera logaţi-vă la contul Blogger - Mergeţi pe blog-ul unde vrei să vă apăra (dacă administraţi mai multe) - Aspect - Adăugaţi un obiect gadget - </> HTML/Java Script şi în fereastra deschisă lipiţi codul HTML pe care îl veţi putea copia de mai jos - Salvați - Salvați aranjarea. Am să las două coduri HTML, diferenţa dintre ele fiind că al-2-lea cod este comprimat (mai mic) şi este şi cosmetizat (personalizat) pentru a vă da dvs. sema ce anume puteţi modifica în funcţie de culorile folosite pe blog/site. Am să vă spun şi cum l-am modificat (comprimat) şi cum am obţinut codul HTML al culorilor pentru ai modifica aspectul)

Cod numărătoare pagina (nemodificat)

<style type='text/css'>
#blog-pager{height: 28px;
    padding: 10px 0 0;
overflow:hidden;
text-align:center;
}
.showpageArea a {text-decoration:underline;
font-size: 16px;
       text-align: center;}
.showpageNum a {font-size:16px;text-decoration:none;border: 1px solid #cccccc;margin:0 5px;padding:5px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {font-size:16px;text-decoration:none;border: 1px solid #cccccc;background: #216FD9;margin:0 5px;padding:5px;color:#ffffff;}
.showpageOf {text-decoration:none;padding:5px;margin: 0 5px;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:5px;}
.showpage a:hover {text-decoration:none;background: #cccccc;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style>
<script style='text/javascript'>var pageCount=7; 
var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script><a href="http://netoopsblog.blogspot.com" style="font-size:0pt">Blogger Widgets</a>
<script style='text/javascript' src='http://netoopscodes.googlecode.com/svn/netoops-page-nav-v2.js'></script>

Acest cod vă va afişa acest stil de numărătoare a paginilor

După câteva modificări ale valorilor marcate codul va arăta aşa

<style type='text/css'>

#blog-pager{height:35px;     padding:17px 0 0; overflow:hidden; text-align:center}

.showpageArea a{text-decoration:underline; font-size:23px;        text-align:center}

.showpageNum a{font-size:23px; text-decoration:none; border:3px solid #134AEC; margin:0 5px; padding:5px}

.showpageNum a:hover{border:3px solid #ccc; background-color:#ccc}

 .showpagePoint{font-size:23px; text-decoration:none; border:3px solid #ccc; background:#216FD9; margin:0 5px; padding:5px; color:#fff}

 .showpageOf{text-decoration:none; padding:5px; margin:0 5px}

.showpage a{text-decoration:none; border:3px solid #ccc; padding:5px}

.showpage a:hover{text-decoration:none; background:#ccc}

.showpageNum a:link, .showpage a:link{text-decoration:none; color:#050505}

</style>

<script style='text/javascript'>var pageCount=5;

var displayPageNum=5; var upPageWord="Anterioară "; var downPageWord="Următoarea"; </script><a href="http://netoopsblog.blogspot.com"style="font-size:0pt">Blogger Widgets</a>

<script style='text/javascript' src='http://netoopscodes.googlecode.com/svn/netoops-page-nav-v2.js'></script>

 Rezultatul este acesta 

  Pentru a face modificările de stil (pentru a schimba combinaţia de culori) aveţi nevoie de un generator de cod HTML al culorilor Citiţi acest articol ''Generator de culori, coduri de culori HTML pentru blog/site''.

  Iar pentru a comprima acest cod (pentru a nu afecta viteza de încărcare a site-ului) Copiaţi codul după ce l-aţi modificat după cum doriţi introduceţi-l Aici  și apăsaţi butonul Compress-it.