أداة ترقيم الصفحات أو Numbred Page Navigation تعتبر من الأدوات المهمة لأي موقع أو مدونة، للأسف الشديد الكثير من القوالب ومنها القوالب العشوائية التي يقترحها بلوجر لا تتوفر على هذه الأداة. ولهذا سنقوم بشرح طريقة إضافتها لمدوناتكم. نموذج هذه الأداة هو نفسه المستعمل على هذه المدونة. |
| ترقيم الصفحات لمدونة بلوجر أو blogger Numbred Page Navigation |
1- لماذا ترقيم الصفحات(Numbred Page Navigation)؟
الهدف من إضافة أداة ترقيم الصفحات لمدونتكم، أو أهمية هذه الأداة تكمن في تسهيل تصفح محتوى المدونة وخاصة زيادة عدد الصفحات المشاهدة. وجود روابط للمحتو القديم يساعد الزائر في اكتشاف أرشيف مدونة بشكل سهل وبسيط.
2- إضافة أداة ترقيم الصفحات لمدونات بلوجر:
للراغبين في إضافة أداة ترقيم الصفحات لمدوناتهم تتبعوا معنا الخطوات التالية:الخطوة 1:أول ما سنقوم به هو فتح أداة تغيير القالب. من واجهة التحكم نختار القالب ثم تغيير HTML
الخطوة2:من لوحة المفاتيح Ctrl+F ونبحث عن الكود التالي:]]></b:skin>وفوقه مباشرة ننسخ الكود:/* ترقيم الصفحات
-----------------------------------------------*/
.showpageNum a {
padding: 6px 10px !important;
margin:0 4px;
text-decoration: none;
color:#fff !important;
border:1px solid #ccc;
border-radius:2px;
background:#47515b;
display:inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: right;
}
.showpageOf {
margin:0 8px 0 0;
color:#999;
}
.showpageNum a:hover {
border:1px solid #ccc;
color:#47515b !important;
text-decoration: none;
background:#cfcfcf;
text-align: right;
}
.showpagePoint {
padding: 6px 10px !important;
margin:0 4px;
text-decoration: none;
color:#fff !important;
border:1px solid #ccc;
border-radius:2px;
background:#616b76;
display:inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: right;
}
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
text-align: right;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
الخطوة 3:من جديد نبحث عن :</body>ومن فوقا مباشرة نلصق الكود التالي:<!--بداية ترقيم الصفحات-->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='السابق;;
var downPageWord ='الاحق;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if>
</b:if>
<!--نهاية ترقيم الصفحات -->
الخطوة 4:بعض التغييرات التي قد ترغبون بالقيام بها:
الكود التالي يتحكم في عدد المقالات لكل صفحة:
var pageCount=5;
الكود التالي يتحكم في عدد الأرقام التي يتم إظهارها:
var displayPageNum=5;
وهذا الكود يمكن تغيير كلمتي الاحق والسابق بالكلمات التي تناسبكم:
var upPageWord ='السابق;;
var downPageWord ='الاحق;;
بهذا نكون قد رأينا كيف نقوم بإضافة أداة ترقيم الصفحات أو Numbred Page Navigation على بلوجر. انضموا لقائمتنا البريدية أسفله للتوصل بكل جديد.
