اداة ترقيم الصفحات بكود جديد سريع خفيف على القالب و بـ 20 شكل و لون لتجميل مدونتك

* وصف الاداة :

اداة ترقيم الصفحات لمدونات البلوجر عبارة عن شريط به ارقام الصفحات الخاصة بالمدونة ليسهل على زوارك التجول بموقعك

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

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

2. اداة ترقيم الصفحات متاحة بأشكال كتيير لتناسب كل الاذواق و القوالب

3. تعديل الهاك ليظهر بصورة فورية داخل المدونة و ازالة المشاكل التي كانت موجودة في الكود القديم

4.الكود خفيف على القالب جدااا ,,, فهو لن يزيد من حجم القالب على الاطلاق

* الطريقة :

1. افتح لوحة التحكم اضغط هنا

2. اختر تصميم

3. ثم تحرير HTML

4. علم صح على توسيع قوالب عناصر واجهة المستخدم
5. ابحث عن </body>

6. ضع قبله مباشرة الكود التالي :

        <!--  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;             عدد الصفحات المعروضة في الصفحة الرئيسية

7.  تبحث عن :  ]]></b:skin>

8. ضع قبله الشكل الذي تريده لأداة ترقيم الصفحات

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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR7Y03cDA2eUmOSdkQHQT8TZXBPUBpEB-t-fn3iXI8SjL0DA6SDYse7WoOHZ9R6JPiMLrxmU1Uxsz2085W_7rApB5cJ5dKAH93IzI1B3bgpO-ojQ3L7gi7wU7gQz0uqZxCs4yiV9gcCrU/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR7Y03cDA2eUmOSdkQHQT8TZXBPUBpEB-t-fn3iXI8SjL0DA6SDYse7WoOHZ9R6JPiMLrxmU1Uxsz2085W_7rApB5cJ5dKAH93IzI1B3bgpO-ojQ3L7gi7wU7gQz0uqZxCs4yiV9gcCrU/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR7Y03cDA2eUmOSdkQHQT8TZXBPUBpEB-t-fn3iXI8SjL0DA6SDYse7WoOHZ9R6JPiMLrxmU1Uxsz2085W_7rApB5cJ5dKAH93IzI1B3bgpO-ojQ3L7gi7wU7gQz0uqZxCs4yiV9gcCrU/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdQj9TUhpirbohw7izneGyjS3f1cAPXVTEtqOHnPYRv5FJvxe7MNTCkKkbYkEmAma0c8VxPPnfPnkztR_m250XC7vXOOi9yBFvTLOINVzBV23IpSDHr9uJWBVQNzO3w0AVFfV6eB-SDbs/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdQj9TUhpirbohw7izneGyjS3f1cAPXVTEtqOHnPYRv5FJvxe7MNTCkKkbYkEmAma0c8VxPPnfPnkztR_m250XC7vXOOi9yBFvTLOINVzBV23IpSDHr9uJWBVQNzO3w0AVFfV6eB-SDbs/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdQj9TUhpirbohw7izneGyjS3f1cAPXVTEtqOHnPYRv5FJvxe7MNTCkKkbYkEmAma0c8VxPPnfPnkztR_m250XC7vXOOi9yBFvTLOINVzBV23IpSDHr9uJWBVQNzO3w0AVFfV6eB-SDbs/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlZYXFoJQ8EDSzFXtAhSw-fAXdKz9bfsVv7WnfRLIsr8W8gTyyswy5nCxVlsyrJ5_rQgojHNsfR-MB9Uz-UlLsn6Lu7GDByrhUeXa7ldfRwpJcpn6HkgmSmZIs23m9IE4nIpJOgppY25E/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlZYXFoJQ8EDSzFXtAhSw-fAXdKz9bfsVv7WnfRLIsr8W8gTyyswy5nCxVlsyrJ5_rQgojHNsfR-MB9Uz-UlLsn6Lu7GDByrhUeXa7ldfRwpJcpn6HkgmSmZIs23m9IE4nIpJOgppY25E/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlZYXFoJQ8EDSzFXtAhSw-fAXdKz9bfsVv7WnfRLIsr8W8gTyyswy5nCxVlsyrJ5_rQgojHNsfR-MB9Uz-UlLsn6Lu7GDByrhUeXa7ldfRwpJcpn6HkgmSmZIs23m9IE4nIpJOgppY25E/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc03T3OsiJqJUzbG73QJqNKGN7qVkzHJHHA0pJ0Yl5wrHku-nllGOZB60fTMWw8j6Uw3w11LO8KUBEtF8xNnMlNKQ0Z454ayrt_m_q-YtmduGv5IAV5oo5_j8SJTv8II4mhuemLtZHizk/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc03T3OsiJqJUzbG73QJqNKGN7qVkzHJHHA0pJ0Yl5wrHku-nllGOZB60fTMWw8j6Uw3w11LO8KUBEtF8xNnMlNKQ0Z454ayrt_m_q-YtmduGv5IAV5oo5_j8SJTv8II4mhuemLtZHizk/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc03T3OsiJqJUzbG73QJqNKGN7qVkzHJHHA0pJ0Yl5wrHku-nllGOZB60fTMWw8j6Uw3w11LO8KUBEtF8xNnMlNKQ0Z454ayrt_m_q-YtmduGv5IAV5oo5_j8SJTv8II4mhuemLtZHizk/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMYr7tIg4-1rFEwKanumQmBrVuR9T0OfTmcFlJVM-862U3sbVvdG5KnoMymiOhZkczNxJd6BDBKk1nUNUTf9I8o7rc2PjNLS_4PpKeqaSp0qqo4DsLhc9Bk85ukKrCUvUgQfwpm6auHYQ/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMYr7tIg4-1rFEwKanumQmBrVuR9T0OfTmcFlJVM-862U3sbVvdG5KnoMymiOhZkczNxJd6BDBKk1nUNUTf9I8o7rc2PjNLS_4PpKeqaSp0qqo4DsLhc9Bk85ukKrCUvUgQfwpm6auHYQ/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMYr7tIg4-1rFEwKanumQmBrVuR9T0OfTmcFlJVM-862U3sbVvdG5KnoMymiOhZkczNxJd6BDBKk1nUNUTf9I8o7rc2PjNLS_4PpKeqaSp0qqo4DsLhc9Bk85ukKrCUvUgQfwpm6auHYQ/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPlujdUxq5MTPTUj5dS7cD-KT7YXpPOpPhhIJoK0T0yWiyir9PT4g_yiz3grufhCdtqBhgLIoLUYhjn3F10VdN9pah6AWbxDLJk1R3Visz5pxa3ShrY90IuTiaEKTlHUGKVp1PtXnG5kw/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPlujdUxq5MTPTUj5dS7cD-KT7YXpPOpPhhIJoK0T0yWiyir9PT4g_yiz3grufhCdtqBhgLIoLUYhjn3F10VdN9pah6AWbxDLJk1R3Visz5pxa3ShrY90IuTiaEKTlHUGKVp1PtXnG5kw/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPlujdUxq5MTPTUj5dS7cD-KT7YXpPOpPhhIJoK0T0yWiyir9PT4g_yiz3grufhCdtqBhgLIoLUYhjn3F10VdN9pah6AWbxDLJk1R3Visz5pxa3ShrY90IuTiaEKTlHUGKVp1PtXnG5kw/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKwfbmYQYg9rYJ92xF91pwUUcyIXUeMKusnwUf-xletPyFReQK9gnZy_JBiXJQ_MZ44SXJxNiTMEdYb7lY3CO6-j_2tX_RUFYrpOK_yokTkboZpFRt7NkBqXUiTe65_ALsncHdQhNRPFs/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKwfbmYQYg9rYJ92xF91pwUUcyIXUeMKusnwUf-xletPyFReQK9gnZy_JBiXJQ_MZ44SXJxNiTMEdYb7lY3CO6-j_2tX_RUFYrpOK_yokTkboZpFRt7NkBqXUiTe65_ALsncHdQhNRPFs/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKwfbmYQYg9rYJ92xF91pwUUcyIXUeMKusnwUf-xletPyFReQK9gnZy_JBiXJQ_MZ44SXJxNiTMEdYb7lY3CO6-j_2tX_RUFYrpOK_yokTkboZpFRt7NkBqXUiTe65_ALsncHdQhNRPFs/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbMa3zq7V_HYQrrrFyNNxLBd02ATDIBSt2gbpY7ycU2UOXxNC2ckOoHRezKGPCFFZMzRO6_IOC6_j_E2Xxe-B8xLUq2VabJMcpj6XMw6lRt2xDEO7If5-g9lkKdZQw1VdDOnN6CxQEtcQ/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbMa3zq7V_HYQrrrFyNNxLBd02ATDIBSt2gbpY7ycU2UOXxNC2ckOoHRezKGPCFFZMzRO6_IOC6_j_E2Xxe-B8xLUq2VabJMcpj6XMw6lRt2xDEO7If5-g9lkKdZQw1VdDOnN6CxQEtcQ/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbMa3zq7V_HYQrrrFyNNxLBd02ATDIBSt2gbpY7ycU2UOXxNC2ckOoHRezKGPCFFZMzRO6_IOC6_j_E2Xxe-B8xLUq2VabJMcpj6XMw6lRt2xDEO7If5-g9lkKdZQw1VdDOnN6CxQEtcQ/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs1TdK3aAknv2b06TRLO_Ay__nbEIbDRVtRENH1TSs3bDTSZDa4Tj5t0iwfk1QP37bYG6XDVCHM4YzLoiGunViqFelgcKT37TqV0o1btPUeHSWEVHkirGbnXqZLTw5Bl_tm2e0rOlR_Rk/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs1TdK3aAknv2b06TRLO_Ay__nbEIbDRVtRENH1TSs3bDTSZDa4Tj5t0iwfk1QP37bYG6XDVCHM4YzLoiGunViqFelgcKT37TqV0o1btPUeHSWEVHkirGbnXqZLTw5Bl_tm2e0rOlR_Rk/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs1TdK3aAknv2b06TRLO_Ay__nbEIbDRVtRENH1TSs3bDTSZDa4Tj5t0iwfk1QP37bYG6XDVCHM4YzLoiGunViqFelgcKT37TqV0o1btPUeHSWEVHkirGbnXqZLTw5Bl_tm2e0rOlR_Rk/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO5QkgD3roPE0p9fn4NLBNRjDOF7L0VqxIeg78z2mp8YIugGs6y42dIb7TpZZ3YuitoZ1a5n33vu85CJ1XXpEVAaiO1_HiQEj820zuYxYb7zxpY1D_EUkndjQ7uq-TP0YYsEqyRlI7zmg/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO5QkgD3roPE0p9fn4NLBNRjDOF7L0VqxIeg78z2mp8YIugGs6y42dIb7TpZZ3YuitoZ1a5n33vu85CJ1XXpEVAaiO1_HiQEj820zuYxYb7zxpY1D_EUkndjQ7uq-TP0YYsEqyRlI7zmg/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO5QkgD3roPE0p9fn4NLBNRjDOF7L0VqxIeg78z2mp8YIugGs6y42dIb7TpZZ3YuitoZ1a5n33vu85CJ1XXpEVAaiO1_HiQEj820zuYxYb7zxpY1D_EUkndjQ7uq-TP0YYsEqyRlI7zmg/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr4AVk5qu_qGf2RQvEOYKElt6NBPsWCXpOyWRpABSqx6EzdaFQ3Z8svLr-irsPT9SKFrvrflSlFO-JkP6hGCgX2YXb7OdFbmbxzIKogqgbrndStEvSsBjJu9sxEn2YJmwVRVvbjDR6H_I/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr4AVk5qu_qGf2RQvEOYKElt6NBPsWCXpOyWRpABSqx6EzdaFQ3Z8svLr-irsPT9SKFrvrflSlFO-JkP6hGCgX2YXb7OdFbmbxzIKogqgbrndStEvSsBjJu9sxEn2YJmwVRVvbjDR6H_I/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr4AVk5qu_qGf2RQvEOYKElt6NBPsWCXpOyWRpABSqx6EzdaFQ3Z8svLr-irsPT9SKFrvrflSlFO-JkP6hGCgX2YXb7OdFbmbxzIKogqgbrndStEvSsBjJu9sxEn2YJmwVRVvbjDR6H_I/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhsned7ethY_grkazpZNCDHOi088PGfnmLmKXpbJVPfNC7nYsJJxf-QFuJuGwH6YlGjjIzj-xOkK_tQHQd0AB__Ck7DB6gVWbqjk2Y8PvgMgyWxZL6P1FsS3rS1xpfZ-unxBGbkt7rA1g/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhsned7ethY_grkazpZNCDHOi088PGfnmLmKXpbJVPfNC7nYsJJxf-QFuJuGwH6YlGjjIzj-xOkK_tQHQd0AB__Ck7DB6gVWbqjk2Y8PvgMgyWxZL6P1FsS3rS1xpfZ-unxBGbkt7rA1g/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhsned7ethY_grkazpZNCDHOi088PGfnmLmKXpbJVPfNC7nYsJJxf-QFuJuGwH6YlGjjIzj-xOkK_tQHQd0AB__Ck7DB6gVWbqjk2Y8PvgMgyWxZL6P1FsS3rS1xpfZ-unxBGbkt7rA1g/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDTolW6nm4WSewd-0c-5AtLzC9cjd-HG2ToDNw1k5UZAOD35cd6yr0mPquD2LdFk0GD_0RyJe3fKreloPAWpF24RC9RLljSbZJjWSzDYz1wMx3EaovVAVVxX1IrZ5wJEOeB5P2njLxM_w/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDTolW6nm4WSewd-0c-5AtLzC9cjd-HG2ToDNw1k5UZAOD35cd6yr0mPquD2LdFk0GD_0RyJe3fKreloPAWpF24RC9RLljSbZJjWSzDYz1wMx3EaovVAVVxX1IrZ5wJEOeB5P2njLxM_w/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDTolW6nm4WSewd-0c-5AtLzC9cjd-HG2ToDNw1k5UZAOD35cd6yr0mPquD2LdFk0GD_0RyJe3fKreloPAWpF24RC9RLljSbZJjWSzDYz1wMx3EaovVAVVxX1IrZ5wJEOeB5P2njLxM_w/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH1yNyKk1w16xHrzwjcrjZOOFYpRmvnELmWb6v2s3BpS32xM9lqkpAoKQzC6AcikqW46MNi4xE6-Aeh1t9BTPvz-nGSc6UTvKI7qAMKPmfbb2PCJPQQr4OfytgQthCte0A3sKet9TacAw/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH1yNyKk1w16xHrzwjcrjZOOFYpRmvnELmWb6v2s3BpS32xM9lqkpAoKQzC6AcikqW46MNi4xE6-Aeh1t9BTPvz-nGSc6UTvKI7qAMKPmfbb2PCJPQQr4OfytgQthCte0A3sKet9TacAw/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH1yNyKk1w16xHrzwjcrjZOOFYpRmvnELmWb6v2s3BpS32xM9lqkpAoKQzC6AcikqW46MNi4xE6-Aeh1t9BTPvz-nGSc6UTvKI7qAMKPmfbb2PCJPQQr4OfytgQthCte0A3sKet9TacAw/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTuPO5ISRti0lSutHc94juTqhx_ey6_wSANDNG8hNVlShoukewkNYey2dW5ko7xUoqc3TSrvsMLH6dYlfCh7J5WVMSPLrUY7_kFohtmVG3JwNDowJinhDCgVaxRZwBNscip5xqDyDgqN8/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTuPO5ISRti0lSutHc94juTqhx_ey6_wSANDNG8hNVlShoukewkNYey2dW5ko7xUoqc3TSrvsMLH6dYlfCh7J5WVMSPLrUY7_kFohtmVG3JwNDowJinhDCgVaxRZwBNscip5xqDyDgqN8/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTuPO5ISRti0lSutHc94juTqhx_ey6_wSANDNG8hNVlShoukewkNYey2dW5ko7xUoqc3TSrvsMLH6dYlfCh7J5WVMSPLrUY7_kFohtmVG3JwNDowJinhDCgVaxRZwBNscip5xqDyDgqN8/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha3HTs3p5IkNr5IkDe4TCb3-822mIob7oq_7aDdwLnFfLyPlCOGY3G_eJh5mdWFT-65zXTOYNDcVAQ5GlshKhnJbHTLGZygqONYfsXyF3lxtzTAIefE3LUsEM0niO1T_YboELpuBwuaPE/s1600/wp20.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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha3HTs3p5IkNr5IkDe4TCb3-822mIob7oq_7aDdwLnFfLyPlCOGY3G_eJh5mdWFT-65zXTOYNDcVAQ5GlshKhnJbHTLGZygqONYfsXyF3lxtzTAIefE3LUsEM0niO1T_YboELpuBwuaPE/s1600/wp20.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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha3HTs3p5IkNr5IkDe4TCb3-822mIob7oq_7aDdwLnFfLyPlCOGY3G_eJh5mdWFT-65zXTOYNDcVAQ5GlshKhnJbHTLGZygqONYfsXyF3lxtzTAIefE3LUsEM0niO1T_YboELpuBwuaPE/s1600/wp20.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 */

       

         تختاروا الشكل و تحطوا الكود بتاعه جوا القالب هتعملوا معاينه للقالب و بأذن الله تظبط معاكم

دوسوا حفظ ... و ادعولي  من قلبكم

بالتوفيق للجميع ....!