كود جميل جدا لترقيم صفحات بلوجر blogger

كود جميل جدا لترقيم صفحات بلوجر blogger، كود بسيط وغير معقد اضافته سهلة فقط اتبع الخطوات البسيطة التالية.
قم بالبحث عن الرمز التالي. ]]></b:skin> قبله مباشرة أضف الكود التالي.

 .showpageArea { color: #666666; margin: 10px 5px 3px 5px; padding:  0px; float: left; display: inline; font-size:12px; } .showpageArea a {  background: #ffffff; padding: 4px 7px; margin: 0px 5px 0px 0px;  text-decoration: none; border: 1px solid #64CDE5; color: #666666;  -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline;  float: left; } .showpageNum a { background: #ffffff; padding: 4px 7px;  margin: 0px 5px 0px 0px; text-decoration: none; border: 1px solid  #64CDE5; color: #666666; -moz-border-radius: 5px; -webkit-border-radius:  5px; display: inline; float: left; } .showpageNum a:hover { background:  #C6E4EC!important; text-decoration: none; border: 1px solid  #6BCDE5!important; } .showpagePoint { font-weight: bold; background:  #C6E4EC; padding: 4px 7px; margin: 0px 5px 0px 0px; text-decoration:  none; border: 1px solid #46BDDB; color: #666666; -moz-border-radius:  5px; -webkit-border-radius: 5px; display: inline; float: left; }  .showpageOf { background: #ffffff; padding: 4px 7px; margin: 0px 5px 0px  0px; text-decoration: none; border: 1px solid #64CDE5; color: #666666;  -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline;  float: left; } .showpage a { background: #ffffff; padding: 4px 7px;  margin: 0px 5px 0px 0px; text-decoration: none; border: 1px solid  #B9A2A2; color: #674D4D; -moz-border-radius: 5px; -webkit-border-radius:  5px; display: inline; float: left; } .showpage a:hover { background:  #C6E4EC!important; text-decoration: none; border: 1px solid  #64CDE5!important; } .showpageNum a:link,.showpage a:link { background:  #ffffff; padding: 4px 7px; margin: 0px 5px 0px 0px; text-decoration:  none; border: 1px solid #64CDE5; color: #666666; -moz-border-radius:  5px; -webkit-border-radius: 5px; display: inline; float: left; }

ثم ابحث عن الرمز التالي  </body> ونضيف قبله مباشرة الكود التالي.

<script type='text/javascript'> var home_page=&quot;/&quot;; var urlactivepage=location.href; var postperpage=6; var numshowpage=10; var upPageWord ='السابقة '; var downPageWord ='التالية '; </script> <script src='http://bplugins.googlecode.com/files/pagenumbers.js' type='text/javascript'/>

ثم احفظ القالب.