2013/12/23

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

بسم الله الرحمان الرحيم


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

اداة ترقيم الصفحات تعمل بشكل تلقائى فور اضافتها , كما يتميز كود الاداة الخاص بمدونة كود بلوجر الى شرح دقيق عن كيفية ضبط تصميم الاداة لتتناسب مع جميع تصميمات وقوالب بلوجر ياتى الكود بالتخصيصات التالية :
  1.     لون اطار الارقام
  2.     لون المرور فوق
  3.     لون مساحة الإطارعند لمسه بالماوس
  4.      لون رقم الصفحة المفتوحة
  5.      لون إطار رقم الصفحة المفتوحة
  6.      لون مساحة إطار رقم الصفحة المفتوحة
  7.      عدد المواضيع المراد عرضها في الصفحة الواحدة
  8.      عدد الصفحات التي يتم إدراجها 
طريقة اضافة الاداة فى خطوة واحدة سريعة
  1.     اذهب الى لوحة تحكم بلوجر
  2.     اضغط التخطيط
  3.     اضغط اضافة اداة
  4.     اختر  HTML/Javascript
  5.     ضع الكود التالى بعد تخصيص الاداة لتناسب قالب المدونة


<style type='text/css'>
#blog-pager{height: 28px;
    padding: 10px 0 0;
overflow:hidden;
text-align:center;
}
.showpageArea a {text-decoration:underline;
font-size: 16px;
       text-align: center;}
.showpageNum a {font-size:16px;text-decoration:none;border: 1px solid #cccccc;margin:0 5px;padding:5px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}


.showpagePoint {font-size:16px;text-decoration:none;border: 1px solid #cccccc;background: #216FD9;margin:0 5px;padding:5px;color:#ffffff;}


.showpageOf {text-decoration:none;padding:5px;margin: 0 5px;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:5px;}
.showpage a:hover {text-decoration:none;background: #cccccc;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style>
<script style='text/javascript'>var pageCount=7;
var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script>
<script style='text/javascript' src='http://netoopscodes.googlecode.com/svn/netoops-page-nav-v2.js'></script
>

0 التعليقات:

إضغط هنا لإضافة تعليق

إرسال تعليق

Blogger Widgets