إضافة بلوجر:ترقيم الصفحات بشكل جميل

آداة ترقيم الصفحات

اليوم بإذن الله تعالى أُقدم لكم آداة ترقيم الصفحات للبلوجر..

ميزة الإضافة:

• هو إعطاء الزائر أو العضو إمكانية التنقل بين الصفحات بكل سهوله.
• الإضافه خفيفه على القالب ولن تسبب إبطاء القالب فى شئ..
• أعتقد أن الشكل الذى بين أيدينا رائع وجميل ..

طريقة تركيب الإضافه:

• افتح لوحة تحكم القالب 
• ثم أدخل على تحرير القالب HTML
• ثم ابحث عن 

</body>

ثم ضع قبله الكود التالى:

<!-- Start : Page Navigation --> <script type='text/javascript'>;var home_page='/';var urlactivepage=location.href;var postperpage=1;var numshowpage=6;var upPageWord ='السابق';var downPageWord ='التالي';</script>;<script src='http://sites.google.com/site/javacodehtml/Page-Navigation.js' type='text/javascript'/> <!-- End : Page Navigation -->

 لاحظ ان : 

var postperpage=5;                                   عدد المواضيع بالصفحة الواحدة

var numshowpage=6;             عدد الصفحات المعروضة في الصفحة الرئيسية

عدل عليه كما تشاء,ولكن أرى الأنسب هو أن تضع الكود كما هو لأننى عدلت عليه كما فى مدونتى..

الخطوة الأخيره:

  تبحث عن :

 ]]></b:skin>

 ضع قبله الشكل الذي تريده لأداة ترقيم الصفحات

/* Start : Page Navigation */.blog-pager,#blog-pager{ font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:15px; width:500px; padding:10px;} .showpageNum a,.showpage a { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJSq3PLWxTU2Qq8ilG_gmpYgJ6fNHg2UhyphenhyphenN0UJ0IaGds1K_hUa5XhIn6htmTkcFL4QMkrXYeJOEN0ulNbItRPVQOD4DtJiTa3RMB5TG9GccUQCVl4eU5DoQJImZJqWBF4hCPEZ-uvNVGs/s1600/wp6.jpg') repeat-x -6px 0px; border:1px solid #97a7af; text-decoration:none; color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap; -webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px } .showpageNum a:hover,.showpage a:hover { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJSq3PLWxTU2Qq8ilG_gmpYgJ6fNHg2UhyphenhyphenN0UJ0IaGds1K_hUa5XhIn6htmTkcFL4QMkrXYeJOEN0ulNbItRPVQOD4DtJiTa3RMB5TG9GccUQCVl4eU5DoQJImZJqWBF4hCPEZ-uvNVGs/s1600/wp6.jpg') repeat-x -6px -36px; border:1px solid #97a7af;color:#ffffff;text-decoration:none }.showpageOf{ margin:0 8px 0 0; display: none; }.showpagePoint { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJSq3PLWxTU2Qq8ilG_gmpYgJ6fNHg2UhyphenhyphenN0UJ0IaGds1K_hUa5XhIn6htmTkcFL4QMkrXYeJOEN0ulNbItRPVQOD4DtJiTa3RMB5TG9GccUQCVl4eU5DoQJImZJqWBF4hCPEZ-uvNVGs/s1600/wp6.jpg') repeat-x -6px -36px; margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap; -webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px } /* End : Page Navigation *

وبهذا يكون انتهى الشرح والحمد لله ,أتمنى أن أكون قد وفقت فى الطرح,ومبروك عليكم الإضافه