سنقوم بعمل الطريقة الأسهل في إدراج ترقيم الصفحات لمدونات بلوجر بدون اي تعقيدات تذكر،عليكم سوى تتبع المراحل التالية
اذا أردت ترقيم صفحات مدونتك اتبع الخطوات البسيطة التالية :
- قم بتسجيل الدخول الى مدونتك
- من لوحة التحكم اختر التخطيط ثم اختر تحرير html.
- قم بحفظ نسخة من قالب مدونتك كخطوة احتياطية .
قم بعمل توسيع القالب
- اضغط المفتاح f3 من لوحة المفاتيح وابحث عن الكود التالي :
</body>
- ثم قبل الكود السابق تماما قم بلصق الكود التالي :
<!--PAGINATION-STARTS-->
<script type='text/javascript'>
var pageCount=10;
var displayPageNum=3;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination1.js' type='text/javascript'/>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.js' type='text/javascript'/>
<!--PAGINATION-STOPS-->
<script type='text/javascript'>
var pageCount=10;
var displayPageNum=3;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination1.js' type='text/javascript'/>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.js' type='text/javascript'/>
<!--PAGINATION-STOPS-->
- ثم قم بالبحث مرة ثانية عن الكود التالي :
</head>
- ثم قم بلصق الكود التالي قبل الكود السابق .
<!--PAGINATION-STARTS-->
<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.css' rel='stylesheet' type='text/css'/>
<style type='text/css'>
.showpage a:hover {
color: #FFFFFF;
background-color: #92416C;
}
// STYLE CODE FOR SELECTED PAGE STARTS
.showpagePoint {
color: #FFFFFF;
background: #92416C;
border: 1px solid #92416C;
}
// STYLE CODE FOR NUMBER BUTTONS STARTS
.showpageNum a:link,.showpage a:link {
color: #000000 !important;
background-color: #92416C;
border: 1px solid #92416C;
}
// HOVER CODE for NUMBER BUTTONS
.showpageNum a:hover {
color: #FFFFFF !important;
background: #92416C !important;
border: 1px solid #92416C;
}
// STYLE CODE FOR "PREV and NEXT" BUTTONS STARTS
.showpageArea a {
border: 1px solid #92416C;
}
// HOVER CODE for NEXT-PREV BUTTONS
.showpageArea a:hover {
border: 1px solid #92416C;
color: #FFFFFF !important;
background: #92416C !important;
}
</style>
<!--PAGINATION-STOPS-http://www.jedide.co.cc-->
<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.css' rel='stylesheet' type='text/css'/>
<style type='text/css'>
.showpage a:hover {
color: #FFFFFF;
background-color: #92416C;
}
// STYLE CODE FOR SELECTED PAGE STARTS
.showpagePoint {
color: #FFFFFF;
background: #92416C;
border: 1px solid #92416C;
}
// STYLE CODE FOR NUMBER BUTTONS STARTS
.showpageNum a:link,.showpage a:link {
color: #000000 !important;
background-color: #92416C;
border: 1px solid #92416C;
}
// HOVER CODE for NUMBER BUTTONS
.showpageNum a:hover {
color: #FFFFFF !important;
background: #92416C !important;
border: 1px solid #92416C;
}
// STYLE CODE FOR "PREV and NEXT" BUTTONS STARTS
.showpageArea a {
border: 1px solid #92416C;
}
// HOVER CODE for NEXT-PREV BUTTONS
.showpageArea a:hover {
border: 1px solid #92416C;
color: #FFFFFF !important;
background: #92416C !important;
}
</style>
<!--PAGINATION-STOPS-http://www.jedide.co.cc-->
- ثم اضغط حفظ القالب .
- من لوحة التحكم اختر اعدادات ثم اختر التنسيق ثم قم بتغيير عدد الرسائل التي يتم عرضها على الصفحة الرئيسية (الحد الأقصى لما يتم عرضه ) اختر 1 ثم اضغط حفظ الإعدادات .
- من خلال هذا الكود يمكنك اختيار عدد الصفحات التي تظهر اختر صفحة واحدة أفضل .
var pageCount=1;
-ومن خلال الكود التالي يمكنك تحديد عدد الخانات الخاصة باطار ترقيم الصفحات التي تظهر .
var displayPageNum=3;
بالتوفيق
ليست هناك تعليقات:
إرسال تعليق