عرض مشاركة واحدة
قديم 04-29-2012, 12:26 AM   #1
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
Arrow شرح ترقيم الصفحات لمدونات بلوجر

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






نبدأ على بركة الله :
اذهب إلى تصميم ثم تحرير 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;»&quot;,
prevText: &quot;«&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>

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس