Cod html numerotare pagini Blog-Blogger

M-am decis să scriu despre acest lucru pentru că știu că sunt mulţi interesaţi de acest subiect, mai ales cei care au publicat pe site/blog-ul lor un număr semnificativ de articole şi acum navigarea printre ele devine din ce în ce mai dificilă cu butoanele:

Postari mai noi  -----   Postari mai vechi  

  Am căutat să introduc anumite coduri în şablonul blog-ului însă rezultatele nu au fost cele scontate, ba nu îmi apăreau numerele în josul pagini ba îmi apăreau însă se repetau articolele în mai multe pagini, fiind nevoit să elimin codul pe care îl editasem.

  Editarea Şablonului unui blog site necesită anumite cunoştinte (nu vă recomand să vă incedeti în cei care spun Merge sigur) un singur pas greşit poate deuce la pierderea întregi informaţii (Salvaţi şablonul înaintea oricărei modificări).
  Soluţia pe care v-o prezint astăzi nu necesită editare de şablon, aşa cum deja v-am obişnuit vin cu idei simple şi bune. Codurile Html pe care o să vi le las mai jos trebuiesc introduse în Obiect gadget.
Cum introduc numerotare pagină blog?

- Logaţi-vă la contul Blogger

- Mergeţi în Panoul de Control al blog-ului căruia doriri să îi introduceţi numerotarea (în cazul că aveţi mai multe)
- Mergeţi la Aspect (layout) - Adăugaţi un Obiect gadget (add Gadget) în fereastra deschisă alegeţi HTML/Java Script şi aici lipiţi unul din codurile copiate de mai jos (în funcţie de preferinţă de culoare) - Salvaţi (Save) - Salvaţi aranjarea!

<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqK5AL6QFelhy-rTmAcRqbYFID-XryvxQZbhG_lBQZuYzwCIcnO7YeUY02h3oLbrrTxMQ6UAa9DlDneb9YPaUVtdHbqUZdyKi1pXLjUaZ_pQ6QocUv5qnNZQcxh7g02oJE_GXcCIuxlgw/w1-h26-no/ABT+nav1.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilKGIi5yHux163swgAeCfFGJhzBVksGEEtX6JERHSISQFPf2WMijYA7Uue_4LWjk9WDk_pOzOGeOSgdLIHIm-ZaTjFCHDLfFQ9m3vFxEhZ-cT1OJkLQep1z7BBYeXp5hfHz7sMhcTodjU/w1-h26-no/ABT+nav2.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='https://allbloggertips.googlecode.com/svn/ABT-Page-Navigation.js' type='text/javascript'></script>

Dați click pe butonul ,, COD HTML''!!! 

Alegeți unul din cele 3  coduri HTML

 
Vezi dovada

Puteţi schimba anumiţi parametri ca:
Prev - Înlocuiţi cu Înapoi
Next - Înlocuiţi cu Înainte
Puteţi schimba  şi paleta de culori (dacă aveţi puţină cunoştinţă de HTML)

Aştept comentariile Dvs. !!!