المدونات

الجمعة، 7 ديسمبر 2012

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

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


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

  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
 
 
 >

Twitter Delicious Facebook Digg Stumbleupon Favorites More