اضافة ترقيم الصفحات مدونة بلوجر
يطالب الكثيرون من مستخدمي مدونات بلوجر باضافة ترقيم لصفحات المدونة بدلاً من كلمتي ( رسائل اقدم ــ رسائل احدث ) او (الاقدم ــ الاحدث) التي تتواجد في معظم قوالب بلوجر ..
والطريقة سهلة وبسيطة كالتالي :
1- ادخل الى مدونتك عن طريق الرابط التالي:
http://blogger.com
2- اضغط على رابط "تصميم" أو "design" بجانب مدونتك
3- ستفتح لك صفحة التصميم ، اضغط على "تحرير html"
4- قم بتوسيع القالب عن طريق وضع اشارة (صح) في المربع الذي بالاعلى .
5- لوضع هذة الازرار الفاتحة اللون :
ابحث عن الكود التالي :
]]></b:skin>
الصق الكود التالي قبله مباشرة :
.blog-pager,#blog-pager{
font-size: 12px;font-family:tahoma;
padding: 0.2em 0.5em;
margin-right: 0.1em;
border:1px solid #FFF;
background: #FFF; text-decoration: none;
width:500px;
}
.showpageNum a,.showpage a {
color: #693;
text-decoration: underline;
border: 1px solid #E3E3E3;
text-decoration: none;
padding: 0.2em 0.5em;
}
.showpageNum a:hover,.showpage a:hover {
border: 1px solid #693;
}
.showpageOf{
margin:0 8px 0 0;
display:none;
}
.showpagePoint {
border: 1px solid #693;
padding: 0.2em 0.5em;
font-weight: bold;
background: #693; color: #FFF;
}
6- ثم ابحث عن الكود التالي :
</body>
الصق الكود التالي قبله :
<script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='السابق';
var downPageWord ='التالي';
</script>;
<script src='http://navigation-blogger-zoom.googlecode.com/files/numbnav4.js' type='text/javascript'></script>
7- ثم ابحث عن الكود التالي :
'data:label.url'
وقم بإستبداله بالكود التالي :
'data:label.url + "?&max-results=7"'
8- اخيراً قم بحفظ القالب وشوف النتيجة بنفسك ..
ولوضع ازرار الترقيم الداكنة كالصورة التالي :
قم بتطبيق الخطوات الاربع الاولى ( من 1 الى 4 )
5- ابحث عن الكود التالي :
]]></b:skin>
والصق الكود التالي قبله مباشرة :
.blog-pager,#blog-pager{
font-size: 12px;font-family:tahoma;
font-weight:normal;
width:500px;
padding: 0.6em 0.5em;
background: #3E3E3E;
}
.showpageNum a,.showpage a {
text-decoration: none;
padding: 0.3em 0.5em;
color: #055d90;
white-space: nowrap;
background: #3E3E3E;
color: #ffffff;
margin-right: 0.1em;
}
.showpageNum a:hover,.showpage a:hover {
background: #EC5210;
}
.showpageOf{
margin:0 8px 0 0;
display:none;
}
.showpagePoint {
text-decoration: none;
padding: 0.3em 0.5em;
color: #055d90;
white-space: nowrap;
background: #313131;
color: #868686;
margin-right: 0.1em;
}
وقم بتطبيق بقية الخطوات السابقة كما هي ( من 6 الى 8 )
انتهى .....
شاركنا رأيك وكن اول من يقوم بالتعليق :)[ 0 ]
إرسال تعليق