كود وشرح ترقيم صفحات مدونة بلوجر شرح موجز + الكود

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




اذا أردت ترقيم صفحات مدونتك اتبع الخطوات البسيطة التالية :

- قم بتسجيل الدخول الى مدونتك على موقع blogger .

- من لوحة التحكم اختر التخطيط ثم اختر تحرير html.

- قم بحفظ نسخة من قالب مدونتك كخطوة احتياطية .

- اضغط المفتاح f3 من لوحة المفاتيح وابحث عن الكود التالي :


</body>

- ثم قبل الكود السابق تماما قم بلصق الكود التالي :

<!--PAGINATION-STARTS-->
<script type='text/javascript'>

var pageCount=10;
var displayPageNum=3;

var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</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-->


- ثم اضغط حفظ القالب .

- من لوحة التحكم اختر اعدادات ثم اختر التنسيق ثم قم بتغيير عدد الرسائل التي يتم عرضها على الصفحة الرئيسية (الحد الأقصى لما يتم عرضه ) اختر 1 ثم اضغط حفظ الإعدادات .

- من خلال هذا الكود يمكنك اختيار عدد الصفحات التي تظهر اختر صفحة واحدة أفضل .

var pageCount=1;

-ومن خلال الكود التالي يمكنك تحديد عدد الخانات الخاصة باطار ترقيم الصفحات  التي تظهر .

var displayPageNum=3;