اضافة تعداد رقمي لصفحات المدونة بشكل انيق

السلام عليكم ورحمة الله تعالى وبركاته 

مرحبا بكم من جديد معنا 

اليوم اخواني راح نتطرق لموضوع جد مهم 

للمدون الجديد وهو كيفية اضافة ترقيم جميل وانيق لصفحات المدونة 

نظرا لتاثير ذلك على الزائر وجلب انظاره 

ونظرا لكون رئيسية المدونة او قسم معين هي الاكثر شعبية ومعظم المدونون

يستخدمونها لعرض مواضيعهم وهي التي سوف نظيف لها ترقيم للصفحات

طريقة تثبيت هذه الخاصية :

1- قم بالدخول الى رئيسية البلوجر من ثم اذهب الى قالب 

2- ثم اختار تحرير html 

3- من ثم اضغط داخل كود القالب بعدها اضغط من لوحة المفاتيح على ctrl+f 

للبحث عن الكود التالي :

]]></b:skin>

4- حينما تجده اضف قبله مباشرة الكود اسفله

.pagenavi{
clear:both;margin:10px auto;text-align:center
}
.pagenavi span,.pagenavi a{
padding:10px;
margin-right:5px;
padding-top:5px;
padding-bottom:5px;
background:#FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pagenavi a:hover,.pagenavi .current{
background:#ff8400;color:#fff;text-decoration:none
}
.pagenavi .pages,.pagenavi .current{
font-weight:bold
}
.pagenavi .pages{border:none}

5- الآن ابحث عن الكود التالي :

 <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

ان وجدت locked='true'1غيره ليصبح false 

<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'>

بعد تغييره اظف اعلا الكود اسفله 

<b:includable id='page-navi'>
<div class="pagenavi">
<script type="text/javascript">
var pageNaviConf = {
perPage: 5,
numPages: 5,
firstText: "First",
lastText: "Last",
nextText: &quot;&#187;&quot;,
prevText: &quot;&#171;&quot; }
</script>
<script type="text/javascript" src="https://dl.dropbox.com/u/63968842/navigation%20numbered%20widget%28www.widgetgenerators.blogspot.com%29.js"></script>
<div class="clear" />
</div> 

</b:includable>

6- الآن ابح عن الكود التالي : 

<b:include name='nextprev'/>

وغيره بالكود :

<b:if cond='data:blog.pageType == "index"'>
<b:include name='page-navi' />
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='page-navi' />
</b:if>
</b:if>

وفي الاخير اتمنى اكم استفدتم من هذا الدرس 

ملاحظة : قبل القيام باي تغيير في اكواد قالب المدونة باخذ نسخة عنها ثم قم بالتغيير 

وشكرا