اضافة ترقيم الصفحات مدونة بلوجر

اضافة ترقيم الصفحات مدونة بلوجر

يطالب الكثيرون من مستخدمي مدونات بلوجر باضافة ترقيم لصفحات المدونة بدلاً من كلمتي ( رسائل اقدم ــ رسائل احدث ) او (الاقدم ــ الاحدث) التي تتواجد في معظم قوالب بلوجر ..

والطريقة سهلة وبسيطة كالتالي :



1- ادخل الى مدونتك عن طريق الرابط التالي:
http://blogger.com

2- اضغط على رابط "تصميم" أو "design" بجانب مدونتك
3- ستفتح لك صفحة التصميم ، اضغط على "تحرير html"
4- قم بتوسيع القالب عن طريق وضع اشارة (صح) في المربع الذي بالاعلى .
5- لوضع هذة الازرار الفاتحة اللون :

ابحث عن الكود التالي :

]]>

الصق الكود التالي قبله مباشرة :

.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- ثم ابحث عن الكود التالي :

الصق الكود التالي قبله :

;

7- ثم ابحث عن الكود التالي :

'data:label.url'

وقم بإستبداله بالكود التالي :

'data:label.url + "?&max-results=7"'

8- اخيراً قم بحفظ القالب وشوف النتيجة بنفسك ..

ولوضع ازرار الترقيم الداكنة كالصورة التالي :

قم بتطبيق الخطوات الاربع الاولى ( من 1 الى 4 ) 

5- ابحث عن الكود التالي :

]]>

والصق الكود التالي قبله مباشرة :

.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 ) 

انتهى .....