كود اضافة ترقيم الصفحات بشكل اكثر من رائع
بسم الله والصلاة والسلام على اشرف المرسلين سيدنا محمد صلى الله عليه وسلم
اليوم مع طريقة رائعة جدا لترقيم صفحات مدونتك مثل الصورة التالية هذه الطريقة تسهل علي الزوار تتبع مواضيعك في المدونة بكل سهولة
الاضافه اكثر من رائعه انا اعلم ان الكثير تعب من كثرة التدوير في المدونات والمنتديات والمواقع على هذا الكود ولاكن الان بقى متوفر في كل المواقع والان يمكنك اضافة كود ترقيم الصفحات وهو كود رائع يسهل استخدام مدونتك النهارده جايبلك الكود بشكله الجميل وطريقة التركيب سهله والشرح اسهل.
نبداء على بركة الله
اولا ندخل الى لوحة التحكم
منها سوف نختار تخطيط
ثم اضافة اداة :HTML/JAVASCRIPT
ثم ضع هذا الكود داخل الاداة :
<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 rgb(255, 255, 255);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 rgb(255, 255, 255);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>
<script style='text/javascript' src='http://netoopscodes.googlecode.com/svn/netoops-page-nav-v2.js'></script>