اثراء

0

شرح : اضافة ترقيم الصفحات لمدونات بلوجر بشكل جميل و احترافي + 19 شكل و لون مختلف

محمود الدوايمه 20 نوفمبر,2013
 

اثراء ترقيم صفحات بلوجر

شرح : اضافة ترقيم الصفحات لمدونات بلوجر بشكل جميل و احترافي + 19 شكل و لون مختلف

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

ads

مميزات الاداة :

1- تسهيل تصفح المدونة و عرض التدوينات للزائر

2- متاحة ب 19 شكل مختلف و مميز

ad

3- تعديل الهاك و ذلك ليظهر الترقيم بصورة فورية داخل المدونة حتى لو كان هنالك مشاكل في الكود القديم

4- الكود يعمل بخفة على القالب و لا يؤئر ابدا على سرعة تحميل الصفحة

و الان ما عليك سوا متابعة الشرح و كن دائما على حرص بنقل الكود كامل من غير اي نقص لان هذا الكود حساس جدا و اي نقص فيه حتى لو حرف واحد لن يعمل معك .

أولا : اذهب الى لوحة التحكم ثم اضغط على القالب ثم اضغط على تحرير HTML 

ثانيا : ابحث عن (  </body> ) عن طريق استخدام Ctrl + A ثم Ctrl + F في الكيبورد ثم ضع قبله مباشرة الكود التالي :

        <!–  Start :  Page Navigation –> 

<script type=’text/javascript’>;
var home_page=&#39;/&#39;;
var urlactivepage=location.href;
var postperpage=1;
var numshowpage=6;
var upPageWord =&#39;السابق&#39;;
var downPageWord =&#39;التالي&#39;;
</script>;
<script src=’http://sites.google.com/site/javacodehtml/Page-Navigation.js’ type=’text/javascript’/>

        <!–  End :  Page Navigation –>

 

ملاحظة : بامكانك تعديل القيم التالية :

عدد المواضيع او التدوينات في الصفحة الواحدة    var postperpage=1;  

عدد الصفحات المعروضة في الصفحة الرئيسية    var numshowpage=6; 

ثالثا : ابحث عن ( ]]></b:skin> ) ثم ضع قبله مباشرة كود الشكل الذي تريده من بين الاشكال التالية : 

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

1

 /* Start :  Page Navigation */
.blog-pager,#blog-pager{
  font-family:”Times New Roman”, Times, serif;
  font-weight:normal;
  font-size:15px;
  width:500px;
  padding:10px;

.showpageNum a,.showpage a {
  background:url(‘http://4.bp.blogspot.com/-20rA0nQPKSI/TvpcCnMFRkI/AAAAAAAADYM/Cv-6nnkwbzo/s1600/wp1.jpg’) repeat-x -6px 0px;
  border:1px solid #97a7af;
  text-decoration:none;
  color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
  -webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
  } 
.showpageNum a:hover,.showpage a:hover {
  background:url(‘http://4.bp.blogspot.com/-20rA0nQPKSI/TvpcCnMFRkI/AAAAAAAADYM/Cv-6nnkwbzo/s1600/wp1.jpg’) repeat-x -6px -36px;
  border:1px solid #97a7af;color:#ffffff;text-decoration:none
  }
.showpageOf{
  margin:0 8px 0 0;
  display: none;
  }
.showpagePoint {
  background:url(‘http://4.bp.blogspot.com/-20rA0nQPKSI/TvpcCnMFRkI/AAAAAAAADYM/Cv-6nnkwbzo/s1600/wp1.jpg’) repeat-x -6px -36px;
  margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
  }

        /* End :  Page Navigation */

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

2

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://1.bp.blogspot.com/-pzeUGeCN1-8/TvpcCxNd0qI/AAAAAAAADYU/hdBTY3IMTHc/s1600/wp2.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://1.bp.blogspot.com/-pzeUGeCN1-8/TvpcCxNd0qI/AAAAAAAADYU/hdBTY3IMTHc/s1600/wp2.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://1.bp.blogspot.com/-pzeUGeCN1-8/TvpcCxNd0qI/AAAAAAAADYU/hdBTY3IMTHc/s1600/wp2.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

3

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://4.bp.blogspot.com/-RaRDOmTzGKU/TvpcC3_U-mI/AAAAAAAADYc/0cKEeZPOMk4/s1600/wp3.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://4.bp.blogspot.com/-RaRDOmTzGKU/TvpcC3_U-mI/AAAAAAAADYc/0cKEeZPOMk4/s1600/wp3.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://4.bp.blogspot.com/-RaRDOmTzGKU/TvpcC3_U-mI/AAAAAAAADYc/0cKEeZPOMk4/s1600/wp3.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

4

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://4.bp.blogspot.com/-kKxXEIt8BYU/TvpcDAFvCZI/AAAAAAAADYw/3PIgmNKHn6A/s1600/wp4.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://4.bp.blogspot.com/-kKxXEIt8BYU/TvpcDAFvCZI/AAAAAAAADYw/3PIgmNKHn6A/s1600/wp4.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://4.bp.blogspot.com/-kKxXEIt8BYU/TvpcDAFvCZI/AAAAAAAADYw/3PIgmNKHn6A/s1600/wp4.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

5

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://4.bp.blogspot.com/-ik77Y3rUasI/TvpcDUAW0cI/AAAAAAAADY4/uV6G2W8c8eg/s1600/wp5.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://4.bp.blogspot.com/-ik77Y3rUasI/TvpcDUAW0cI/AAAAAAAADY4/uV6G2W8c8eg/s1600/wp5.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://4.bp.blogspot.com/-ik77Y3rUasI/TvpcDUAW0cI/AAAAAAAADY4/uV6G2W8c8eg/s1600/wp5.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

6

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://1.bp.blogspot.com/-A0FH7Z0BXJc/TvpcP7YRLaI/AAAAAAAADZI/oiolBEa2P4g/s1600/wp6.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://1.bp.blogspot.com/-A0FH7Z0BXJc/TvpcP7YRLaI/AAAAAAAADZI/oiolBEa2P4g/s1600/wp6.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://1.bp.blogspot.com/-A0FH7Z0BXJc/TvpcP7YRLaI/AAAAAAAADZI/oiolBEa2P4g/s1600/wp6.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

7

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://4.bp.blogspot.com/-y1WjbSl4ZfA/TvpcQGQXuhI/AAAAAAAADZQ/6O3qb0QSH_k/s1600/wp7.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://4.bp.blogspot.com/-y1WjbSl4ZfA/TvpcQGQXuhI/AAAAAAAADZQ/6O3qb0QSH_k/s1600/wp7.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://4.bp.blogspot.com/-y1WjbSl4ZfA/TvpcQGQXuhI/AAAAAAAADZQ/6O3qb0QSH_k/s1600/wp7.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

8

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://3.bp.blogspot.com/-jKIXgi3I-GI/TvpcQMMaTsI/AAAAAAAADZg/YZtp9GGr0lM/s1600/wp8.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://3.bp.blogspot.com/-jKIXgi3I-GI/TvpcQMMaTsI/AAAAAAAADZg/YZtp9GGr0lM/s1600/wp8.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://3.bp.blogspot.com/-jKIXgi3I-GI/TvpcQMMaTsI/AAAAAAAADZg/YZtp9GGr0lM/s1600/wp8.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

9

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://4.bp.blogspot.com/-33W2aA7nVIc/TvpcQvkddYI/AAAAAAAADZs/WdwW-9PQsXA/s1600/wp9.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://4.bp.blogspot.com/-33W2aA7nVIc/TvpcQvkddYI/AAAAAAAADZs/WdwW-9PQsXA/s1600/wp9.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://4.bp.blogspot.com/-33W2aA7nVIc/TvpcQvkddYI/AAAAAAAADZs/WdwW-9PQsXA/s1600/wp9.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

10

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://1.bp.blogspot.com/-ID94aSekMJE/TvpcQ9rhbAI/AAAAAAAADZ4/EoPmu_5Kweg/s1600/wp10.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://1.bp.blogspot.com/-ID94aSekMJE/TvpcQ9rhbAI/AAAAAAAADZ4/EoPmu_5Kweg/s1600/wp10.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://1.bp.blogspot.com/-ID94aSekMJE/TvpcQ9rhbAI/AAAAAAAADZ4/EoPmu_5Kweg/s1600/wp10.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

11

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://1.bp.blogspot.com/-Z6ok5UGpKEM/TvpcaD7cILI/AAAAAAAADaE/erMDPJcAmds/s1600/wp11.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://1.bp.blogspot.com/-Z6ok5UGpKEM/TvpcaD7cILI/AAAAAAAADaE/erMDPJcAmds/s1600/wp11.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://1.bp.blogspot.com/-Z6ok5UGpKEM/TvpcaD7cILI/AAAAAAAADaE/erMDPJcAmds/s1600/wp11.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

12

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://2.bp.blogspot.com/-I6NihCb0_Xg/TvpcaUio3pI/AAAAAAAADaU/M-c6O24fPDA/s1600/wp12.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://2.bp.blogspot.com/-I6NihCb0_Xg/TvpcaUio3pI/AAAAAAAADaU/M-c6O24fPDA/s1600/wp12.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://2.bp.blogspot.com/-I6NihCb0_Xg/TvpcaUio3pI/AAAAAAAADaU/M-c6O24fPDA/s1600/wp12.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

13

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://1.bp.blogspot.com/-Zctg9YnsclU/TvpcaplGHWI/AAAAAAAADac/g0DkvRgp_2k/s1600/wp13.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://1.bp.blogspot.com/-Zctg9YnsclU/TvpcaplGHWI/AAAAAAAADac/g0DkvRgp_2k/s1600/wp13.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://1.bp.blogspot.com/-Zctg9YnsclU/TvpcaplGHWI/AAAAAAAADac/g0DkvRgp_2k/s1600/wp13.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

14

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://3.bp.blogspot.com/-5CouuYf55GM/Tvpca_XTfzI/AAAAAAAADak/9B8WNKy6kis/s1600/wp14.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://3.bp.blogspot.com/-5CouuYf55GM/Tvpca_XTfzI/AAAAAAAADak/9B8WNKy6kis/s1600/wp14.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://3.bp.blogspot.com/-5CouuYf55GM/Tvpca_XTfzI/AAAAAAAADak/9B8WNKy6kis/s1600/wp14.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

15

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://4.bp.blogspot.com/-zHjkY30hlFk/Tvpca7-sOXI/AAAAAAAADaw/t1RSd2Js81w/s1600/wp15.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://4.bp.blogspot.com/-zHjkY30hlFk/Tvpca7-sOXI/AAAAAAAADaw/t1RSd2Js81w/s1600/wp15.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://4.bp.blogspot.com/-zHjkY30hlFk/Tvpca7-sOXI/AAAAAAAADaw/t1RSd2Js81w/s1600/wp15.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

16

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://3.bp.blogspot.com/-WY4LYweMwZg/Tvpcj3ATBDI/AAAAAAAADbA/JYSq29XfXxA/s1600/wp16.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://3.bp.blogspot.com/-WY4LYweMwZg/Tvpcj3ATBDI/AAAAAAAADbA/JYSq29XfXxA/s1600/wp16.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://3.bp.blogspot.com/-WY4LYweMwZg/Tvpcj3ATBDI/AAAAAAAADbA/JYSq29XfXxA/s1600/wp16.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

17

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://2.bp.blogspot.com/-XaS18O1TADQ/Tvpcj_c-3lI/AAAAAAAADbM/o-xOC-hkuVQ/s1600/wp17.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://2.bp.blogspot.com/-XaS18O1TADQ/Tvpcj_c-3lI/AAAAAAAADbM/o-xOC-hkuVQ/s1600/wp17.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://2.bp.blogspot.com/-XaS18O1TADQ/Tvpcj_c-3lI/AAAAAAAADbM/o-xOC-hkuVQ/s1600/wp17.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

18

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://2.bp.blogspot.com/-uPxfIEU5KJk/TvpckP69ZVI/AAAAAAAADbY/b82Mavq-Dss/s1600/wp18.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://2.bp.blogspot.com/-uPxfIEU5KJk/TvpckP69ZVI/AAAAAAAADbY/b82Mavq-Dss/s1600/wp18.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://2.bp.blogspot.com/-uPxfIEU5KJk/TvpckP69ZVI/AAAAAAAADbY/b82Mavq-Dss/s1600/wp18.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

19

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:”Times New Roman”, Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url(‘http://3.bp.blogspot.com/-AQefw0dhz08/Tvpckeo5NrI/AAAAAAAADbk/fZtvVC_Oq5g/s1600/wp19.jpg’) repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url(‘http://3.bp.blogspot.com/-AQefw0dhz08/Tvpckeo5NrI/AAAAAAAADbk/fZtvVC_Oq5g/s1600/wp19.jpg’) repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url(‘http://3.bp.blogspot.com/-AQefw0dhz08/Tvpckeo5NrI/AAAAAAAADbk/fZtvVC_Oq5g/s1600/wp19.jpg’) repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

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

 

اترك ردا


*

سجل دخول لحسابك

لا يمكن تذكرككلمة المرور ?

التسجيل بهذا الموقع