منتدى استراحات زايد - ترقيم الصفحات في بلوجر بألوان مختلفة

السلام عليكم في هدا الشرح سوف نتعلم كيفية إظافة ترقيم لصفحات في بلوجر بشكل جداب وبدون مشاكل شاهدو معنا الشرح

http://www.traidnt.net/vb/images/img...14/02/1643.png

الدرس منقول من هنا

شادهد مثال من هنا

أولا :

وقم بالبحث عن الوسم التالي ثم ضع قبله او فوقه مباشرة الكود الموجود بالاسفل

رمز PHP:

var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='◄';
var downPageWord ='►';

لتخصيص الكود بما يتناسب مع مدونتك ابحث فيه عن
var postperpage=7; غير الرقم 7 بعدد التدوينات التي حددت ظهورها في الصفحه الرئيسيه للمدونه من خلال تحرير اداة رسائل المدونه.
var numshowpage=4; غير الرقم 4 باي رقم تريده فهو المسؤول عن عدد الترقيمات التي تظهر بداخل الاداه في صفحة مدونتك الرئيسيه .

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

1 - هاك ترقيم صفحات مدونة بلوجر باللون الازرق :

رمز PHP:

/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #3B5998;
color:#fff;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #F1BA24;
text-decoration: none;
}

2 - هاك ترقيم صفحات مدونة بلوجر باللون البرتقالي :

رمز PHP:

/* -- NUMBER PAGE NAVIGATION -- */.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #7B3A11;
color:#fff;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #F1BA24;
text-decoration: none;
}

* لا تنسى انه لست ملزما سوى بنسخ كود واحد من الاكواد الخمسه الاخيره ذات العناوين الخمسه حسب اللون .
بعد اختيارك للكود الذي يتناسب مع الوان مدونتك قم بوضعه قبل هذا الوسم ]]> مباشرة . ثم قم بحفظ القالب .وقبلها لا تنسى اخذ نسخه احتياطيه . بالتوفيق للجميع >> تم ارفاق الكود الاول

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