اضافة ترقيم صفحات بلوجر

اضافة ترقيم صفحات بلوجر

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

معاينه مثال حي علي موقعنا اضغط هنا

اذهب إلى تصميم ثم تحرير HTML ثم علم على توسيع قوالب عناصر واجهة المستخدم.

ابحث عن :

 ]]></b:skin>

وأضف مباشرة قبلها :

.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}

الآن ابحث عن :

<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'/>

أو :

<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>

وأضف مباشرة بعدها :

<b:includable id='page-navi'><div class='pagenavi'><script type='text/javascript'>var pageNaviConf = {perPage: 3,numPages: 5,firstText: &quot;الصفحة الأولى&quot;,lastText: &quot;الصفحة الأخيرة&quot;,nextText: &quot;&#187;&quot;,prevText: &quot;&#171;&quot; }</script><script src='https://sites.google.com/site/ibfathy/home/pagenavi.min.js' type='text/javascript'/><div class='clear'/></div></b:includable>

perPage : عدد المواضيع المعروضة في كل صفحة

numPages : عدد الأرقام المراد عرضها بالترقيم

ابحث الآن عن :

<!-- navigation -->

<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> 

اتمنى ان الاضافة قد اعجبتكم ..

ملحوظة : تم تجربتها علي مدونتنا وتعمل بنجاح

شارك الموضوع :

الكاتب : DailyTecVideo

مواضيع ذات صلة