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

خاصية ترقيم صفحات بلوجر-تسهل هذه الخاصية علي الزوار تصفح المدونة وخاصة اذا كانت المدونة تحتوي علي كم هائل من المواضيع بحيث تسمح هذه الخاصية وهي ترقيم صفحات بلوجر با ترتيب المواضيع بشكل رائع مع امكانية تحديد عدد المواضيع في كل صفحة وكذلك مع الصفحات الظاهرة يمكنك تجربتها عبر زر المعاينة التالي لتتأكد بنفسك 

معاينة

• الخطوة الاولي

اذهب الي التخطيط في إدارة مدونتك قم بتحرير رسائل المدونة الإلكترونية

وفي خانة عدد الرسائل على الصفحة الرئيسية ضع رقم يناسبك وإعلم أنه سيستخدم في ترقيم الصفحات

• الخطوة الثانية

ابحث عن الوسم </head> و اضف الكود التالي فوقه

<b:if cond='data:blog.pageType == "index"'>
<style type='text/css'>
/* Page Navigation */
#blog-pager{
background:#fff;
clear:both;
width:auto;
padding:10px;
line-height:normal;
border: 1px solid #cccccc;
position:relative;
display:block;
text-align:right;
overflow:visible;
margin:20px 0 5px 0;
}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{
position:relative;
background:#00BCD4;
display:inline-block;
font-size:13px;
color: #fff;
padding:3px 10px;
margin:0 0 0 6px;
font-weight:normal;
transition:all .3s;
}
.showpageNum a:before{
content:'';
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
box-shadow:inset 0 -2px 2px rgba(0,0,0,0.02);
transition:box-shadow 0.5s;
}
.showpage a:hover,.showpageNum a:hover{
background:#fc5400;
color:#fff;
position:relative;
}
.showpagePoint{background:#fc5400;color:#fff;}
.showpagePoint:hover{background:#fc5400;color:#fff;}
</style>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#blog-pager{
display:none;
}
</style>
</b:if>

•  الخطوة الثالثة

إبحث عن الوسم </body> وأضف فوقه الكود التالي

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=3;var numshowpage=5;var upPageWord ='السابق';var downPageWord ='التالي';var urlactivepage=location.href;var home_page="/";
/*]]>*/
</script>
<script src='https://cdn.rawgit.com/cnblogger/cn3u/master/pager.js' type='text/javascript'/>
</b:if>

رقم 7 هو عدد الرسائل في الصفحة إجعله نفس العدد الذي إخترته في الخطوة الاولى

رقم 5 هو عدد الصفحات الظاهر في الإضافة قم بالزيادة أو التقليل

• الخطوة الرابعة والأخيرة

أبحث عن هذا الكود او جزء منه 

<!-- navigation -->
<b:include name='nextprev'/>

وأستبدله بهذا الكود 

<!-- navigation -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:include name='nextprev'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<b:include name='nextprev'/>
<b:else/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
</b:if>
</b:if>

لديك اي سؤال أو استفسار حول الموضوع ضعه في تعليق

شارك المقالة عبر:

إقرأ أيضا