شرح اضافة ترقيم الصفحات لمدونة بلوجر
مرحبا بكم في درس اليوم و هو عبارة عن اضافة ارقام لصفحات المدونة .فأي مدونة يكون فيها صفحات عديدة وترقيم هذه الصفحات يسهل على الزائر التنقل داخل مدونتك بكل سهولة .في حين غياب ارقام الصفحات يجبر الزائر على التنقل داخل المدونة صفحة صفحة بشكل متتالي .و هذا قد يزعج البعض لذلك يعتبر ترقيم صفحات البلوجر من اهم المميزات التي تساعد الزائر على التنقل داخل المدونة بكل حرية.
لاضافة ارقام الصفحات للمدونة هناك طريقتين:
1-الترقيم عن طريق اضافة أداة ووضع الكود بداخلها.
2-الترقيم بوضع الكود داخل القالب.
الطريقة الاولى لترقيم الصفحات هي الاسهل خاصة بالنسبة للمبتدئين لذلك سأهتم بشرحها اولا لانها تحقق المراد بسهولة وبطريقة يفهمها الجميع.
تركيب الاضافة :
لوحة التحكم >>> تخطيط >>> اضافة أداة HTML/JavaScript .
نترك عنوان الاداة فارغ لكي لا يظهر في المدونة
ننسخ الكود التالي في الاداة
تاكد من نسخ الكود جيدا
...........................................................................................................................................................
<style type="text/css"> #blog-pager{padding:5px 0 !important;} .showpageArea {font-weight: bold;margin:5px;}/* www.RYDNET.blogspot.com */ .showpageArea a {text-decoration:underline;color: #fff;}/* www.RYDNET.blogspot.com */ .showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0 3px;padding:3px 5px; background: #EFA347; background: -moz-linear-gradient(top, #EFA347 0%, #F49520 50%, #E07F08 51%, #eb6105 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFA347), color-stop(50%,#F49520), color-stop(51%,#E07F08), color-stop(100%,#eb6105)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFA347', endColorstr='#eb6105',GradientType=0 ); }/* www.RYDNET.blogspot.com*/ .showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #6db3f2; background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); } /* www.RYDNET.blogspot.com */ .showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }/* www.RYDNET.blogspot.com */ .showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.RYDNET.blogspot.com*/ .showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.RYDNET.blogspot.com */ </style> <script type='text/javascript'> var home_page="/"; var urlactivepage=location.href; var postperpage=8; var numshowpage=8; var upPageWord ='التالي'; var downPageWord ='السابق'; </script>
<script src='http://uinegy.googlecode.com/svn/wiki/uniegy_bloggerpagenavi.js' type='text/javascript'></script>
................................................................................................................................................................
1-الترقيم عن طريق اضافة أداة ووضع الكود بداخلها.
2-الترقيم بوضع الكود داخل القالب.
الطريقة الاولى لترقيم الصفحات هي الاسهل خاصة بالنسبة للمبتدئين لذلك سأهتم بشرحها اولا لانها تحقق المراد بسهولة وبطريقة يفهمها الجميع.
تركيب الاضافة :
لوحة التحكم >>> تخطيط >>> اضافة أداة HTML/JavaScript .
نترك عنوان الاداة فارغ لكي لا يظهر في المدونة
ننسخ الكود التالي في الاداة
تاكد من نسخ الكود جيدا
...........................................................................................................................................................
<style type="text/css"> #blog-pager{padding:5px 0 !important;} .showpageArea {font-weight: bold;margin:5px;}/* www.RYDNET.blogspot.com */ .showpageArea a {text-decoration:underline;color: #fff;}/* www.RYDNET.blogspot.com */ .showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0 3px;padding:3px 5px; background: #EFA347; background: -moz-linear-gradient(top, #EFA347 0%, #F49520 50%, #E07F08 51%, #eb6105 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFA347), color-stop(50%,#F49520), color-stop(51%,#E07F08), color-stop(100%,#eb6105)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFA347', endColorstr='#eb6105',GradientType=0 ); }/* www.RYDNET.blogspot.com*/ .showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #6db3f2; background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); } /* www.RYDNET.blogspot.com */ .showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }/* www.RYDNET.blogspot.com */ .showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.RYDNET.blogspot.com*/ .showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.RYDNET.blogspot.com */ </style> <script type='text/javascript'> var home_page="/"; var urlactivepage=location.href; var postperpage=8; var numshowpage=8; var upPageWord ='التالي'; var downPageWord ='السابق'; </script>
<script src='http://uinegy.googlecode.com/svn/wiki/uniegy_bloggerpagenavi.js' type='text/javascript'></script>
................................................................................................................................................................
*var postperpage=8 :عدد المواضيع التي ترغب في ظهورها في الصفحة الرئيسية.
*var numshowpage=8 :عدد المواضيع التي ترغب في ظهورها في باقي الصفحات.
_ بعد نسخ الكود نقوم بحفظ الاداة.
_ ننقل الاداة و نضعها تحت رسائل المدونة الالكترونية لكي تظهر الصفحات تحت المواضيع مباشرة.
وبذلك نكون قد انتهينا من اضافة ارقام الصفحات للمدونة ويمكنك معاينة النتيجة.
مع تحيات
0 التعليقات:
إرسال تعليق