السلام عليكم .... 
, اليوم اقدم لكم طريقة إضافة ترقيم الصفحات لقوالب بلوجر بشكل احترافى ومميز 
,هذه الاضافة بمنظر بسيط وفي نفس الوقت يلائم أي قالب ويمكن تغيير اللون بسهولة تامة كما أنها تذكر عدد الصفحات المتواجدة وخفيفة , هذه الاضافة سوف تسهل لزوار مدونتك بتصفح مواضيع مودونتك بسهوله .
, اليوم اقدم لكم طريقة إضافة ترقيم الصفحات لقوالب بلوجر بشكل احترافى ومميز 
,هذه الاضافة بمنظر بسيط وفي نفس الوقت يلائم أي قالب ويمكن تغيير اللون بسهولة تامة كما أنها تذكر عدد الصفحات المتواجدة وخفيفة , هذه الاضافة سوف تسهل لزوار مدونتك بتصفح مواضيع مودونتك بسهوله .هذه الاضافه مهمة لكل قالب بلوجر وانا اطرحها لكم اليوم لان معظم القوالب لا يوجد بها هذه الاضافه المهمة ,, اليك معاينة هذه الإضافة مباشرة ...... ثم ننتقل الى الشرح
1. إبحث عن </body> وضع الكود التالي فوقه
الكود
<b:if cond='data:blog.pageType == "index"'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=8;var numshowpage=3;var upPageWord ='الصفحة السابقة';var downPageWord ='الصفحة التالية';var urlactivepage=location.href;var home_page="/";
/*]]>*/
</script>
<script src='https://googledrive.com/host/0B0LkZloPKBfWb2Vjbkk3LWxVVzQ' type='text/javascript'/>
</b:if>2.ابحث عن ]]></b:skin> وضع الكود التالي فوقه أو ضعه بين <style> </style> فوق </head>
الكود
/* Page Navigation Pro7web.com */
#blog-pager{clear:both;display:inline-block;overflow:visible;width:auto;background-color:#fff;margin:40px 0 20px 20px;border:1px solid #EAEAEA;padding:0;text-align:right;line-height:normal;font-size:13px;font-weight:400;;}
.showpageOf{display:inline-block;font-size:90%;padding:7px 12px;vertical-align:top;line-height:20px;}
.showpagePoint{background:#30a8e6;color:#fff;display:inline-block;vertical-align:top;line-height:20px;padding:7px 12px;margin:0;font-size:14px;text-align:center;border-right:1px solid #f0f0f0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);transition:initial}
.showpage a,.showpageNum a{display:inline-block;vertical-align:top;line-height:20px;padding:7px 12px;margin:0;font-size:14px;text-align:center;border-right:1px solid #f0f0f0;transition:color .3s}
.showpage a:hover,.showpageNum a:hover{background-color:#fefefe;color:#454545;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);transition:color .3s}بعد تنفيذ ذالك الخطوات سوف تحصل على اضافه رائعة لـ ترقيم الصفحات
لا تنسا ان تكن من أعضاء المدونة من هنا , إذا واجهتك اي مشكلة لا تترد فى ترك تعليق