الثلاثاء، 31 ديسمبر 2013

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

بسم الله الرحمان الرحيم

اليوم سأشرح  طريقة اضافة ترقيم الصفحات لمدونة بلوجر 

على بركة الله نبدأ


اذهب إلى تصميم ثم تحرير 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://arblogger-templates.googlecode.com/svn/trunk/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> 
وبهذا يكون الشرح انتهى والسلام عليكم في درس جديد انشاء الله


.

ليست هناك تعليقات:

إرسال تعليق