كود جميل جدا لترقيم صفحات بلوجر blogger، كود بسيط وغير معقد اضافته سهلة فقط اتبع الخطوات البسيطة التالية.
قم بالبحث عن الرمز التالي. ]]></b:skin> قبله مباشرة أضف الكود التالي.
قم بالبحث عن الرمز التالي. ]]></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="/"; 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'/>ثم احفظ القالب.