 |
| next page |
اليوم هنقوم بشرح طريقة اضافة ترقيم لصفحات المدونة لتسهيل عملية التصفح ولمشاهدة الموضيع الاقدم في البلوجر
 |
| الصفحة التالية |
أسلوب ترقيم الصفحات المدون
تابع الخطوات بالتفصيل
الدخول إلى حسابك في Blogger
في لوحة المعلومات، انقر على تصميم
 |
| تحرير HTML |
ثم انقر على تحرير HTML
ثم توسيع قوالب عناصر واجهة المستخدم
ملحوظة هامة
قبل عمل اي شئ يجب ان تاخذ نسحة باك اب من المدونة
والان نقوم بالبحث عن هذا العنصر
]]></b:skin>
ثم نقوم باستبدال الرمز اعلاه بالرمز التالي
.showpageArea {
color: #666666;
margin: 10px 5px 3px 5px;
padding: 0px;
float: left;
display: inline;
font-size:12px;
}
.showpageArea a {
background: #ffffff;
padding: 4px 7px;
margin: 0px 5px 0px 0px;
text-decoration: none;
border: 1px solid #9E0909;
color: #666666;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: inline;
float: left;
}
.showpageNum a {
background: #ffffff;
padding: 4px 7px;
margin: 0px 5px 0px 0px;
text-decoration: none;
border: 1px solid #9E0909;
color: #666666;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: inline;
float: left;
}
.showpageNum a:hover {
background: #FAE2E2 !important;
text-decoration: none;
border: 1px solid #9E0909 !important;
}
.showpagePoint {
font-weight: bold;
background: #FAE2E2;
padding: 4px 7px;
margin: 0px 5px 0px 0px;
text-decoration: none;
border: 1px solid #9E0909;
color: #666666;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: inline;
float: left;
}
.showpageOf {
background: #ffffff;
padding: 4px 7px;
margin: 0px 5px 0px 0px;
text-decoration: none;
border: 1px solid #9E0909;
color: #666666;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: inline;
float: left;
}
.showpage a {
background: #ffffff;
padding: 4px 7px;
margin: 0px 5px 0px 0px;
text-decoration: none;
border: 1px solid #B9A2A2;
color: #674D4D;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: inline;
float: left;
}
.showpage a:hover {
background: #FCE4E4 !important;
text-decoration: none;
border: 1px solid #9E0909 !important;
}
.showpageNum a:link,.showpage a:link {
background: #ffffff;
padding: 4px 7px;
margin: 0px 5px 0px 0px;
text-decoration: none;
border: 1px solid #9E0909;
color: #666666;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: inline;
float: left;
}
]]></b:skin>
الآن نبحث عن هذا الرمز
</body>
مع استبداله بهذا الكود
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://bplugins.googlecode.com/files/pagenumbers.js' type='text/javascript'></script>
</body>
وللتحكم في عدد المشاركات في الصفحة الواحدة قم بتغيير الرقم 7 كما تشاء
postperpage=7;
وللتكم في أرقام الصفحات على كل صفحة قم بتغيير الرقم 4 كما تشاء
numshowpage=4;
0 Comments:
إرسال تعليق