ترقيم صفحات مدونات بلوجر هو حقا شىء ممتع وضروري بحيث يستطيع أي زائر تصفح مواضيع مدونتك بشكل منتظم واحدا تلوا الأخر ويجعلها تظهر أكثر وضوحا وبساطة للقراء كما يوفر عليك عناء استخدام التسميات و القوائم المسندلة المتعبة .
الطريقة مجربة 100 بالمائة وقد قمت بتجريبها ثلات مرات على مدونتي بزنس اون لاين في انتظار مواضيع اخرى تتعلق بترقيم صفحات مدونات blogger.
اذا أردت ترقيم صفحات مدونتك اتبع الخطوات البسيطة التالية :
* قم بتسجيل الدخول الى مدونتك على موقع blogger و من لوحة التحكم اختر التخطيط ثم اختر تحرير 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;
أزال المؤلف هذا التعليق.
ردحذفشاكرة لك
ردحذفروووووووووووووووعة الله ينور عليك
ردحذففعلا اضافة سليمة مليون في المية
يسلمو
ردحذفthanks where i can find (body)? u know
ردحذفTanks man
ردحذفبارك الله فيك
ردحذفشكرا لك
ردحذفنفع الله بك المسلمين
ردحذفشكرا لك
ردحذفhttp://abdealbassit.blogspot.com
طريقة بيزة
ردحذفمشكوووووووووووووور
ردحذفbramj-web.blogspot.com
يعطيك العافيه وتسلم يدك طريقه ناجحه وممتازه
ردحذفوتمت تجربتها
الله يباركلك يا زعيم بجد أضافه تستاهل عليها أكثر من الشكر بس للأسف لا أملك إلا الشكر لأعبر عن مدي شكري لك.
ردحذفايه الحلاوة دى يا عسل الاضافة مش شغاله انت بتشتغل العالم
ردحذفتسلملى عيونك يا كبيرررررررررررر
ردحذفاسف جدا لاتعمل عندي
ردحذفانا من صمم القالب الخص بي
قمت بعمل الخطوات ولاكن لم تفلح
من فضلمك الشرح بالصور لكي يتم الفهم وشكرا
ردحذفيعطيكـ آلف عآفيه ..~
ردحذفعلى فكره جامد وهجربها
ردحذفhttp://free-libraries.blogspot.com/
الله يسعدككككككككككك يارب
ردحذفمرسي كتيرررررررر
حاولت كتير فيها وكل طرق فاشلة
الاطريقتك
يسلموووووووووووووو
الله يوفقك يارب ويجزيك الف خيرر
شكرا على الطريقه
ردحذفمدونتى الالعاب الجديده
http://newgames-eslam1993.blogspot.com/
شكرا لكم جميعا على التفاعل.
ردحذف