* وصف الاداة :
اداة ترقيم الصفحات لمدونات البلوجر عبارة عن شريط به ارقام الصفحات الخاصة بالمدونة ليسهل على زوارك التجول بموقعك
* مميزات الاداة :
1. تسهيل تصفح المدونة على الزائر
2. اداة ترقيم الصفحات متاحة بأشكال كتيير لتناسب كل الاذواق و القوالب
3. تعديل الهاك ليظهر بصورة فورية داخل المدونة و ازالة المشاكل التي كانت موجودة في الكود القديم
4.الكود خفيف على القالب جدااا ,,, فهو لن يزيد من حجم القالب على الاطلاق
* الطريقة :
1. افتح لوحة التحكم اضغط هنا
2. اختر تصميم
3. ثم تحرير HTML
4. علم صح على توسيع قوالب عناصر واجهة المستخدم
5. ابحث عن </body>
6. ضع قبله مباشرة الكود التالي :
<!-- Start : Page Navigation -->
<script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=1;
var numshowpage=6;
var upPageWord ='السابق';
var downPageWord ='التالي';
</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 */
تختاروا الشكل و تحطوا الكود بتاعه جوا القالب هتعملوا معاينه للقالب و بأذن الله تظبط معاكم
دوسوا حفظ ... و ادعولي من قلبكم