قوالب بلوجر عربية ومجانية

ملتقى مدوني بلوجر لتبادل الخبرات في مجال التدوين - تعريب قوالب بلوجر - تعديل قوالب بلوحر - شروحات ودروس بلوجر - دعم فني لمدوني بلوجر

الخميس، 12 أبريل، 2012

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

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



نبدأ على بركة الله :
اذهب إلى تصميم ثم تحرير 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> 
لاستفساراتكم، طلبات الدعم، طلبات تعديل وتعريب قوالب بلوجر - اضغط هنا

اعلانات صديقة