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

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

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

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

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

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>

تمت اضافة الاداة !
استخدم عجلة الالوان الخاصة بمدونة كود بلوجر لضبط الوان الاداة لتتناسب مع المدونة .

احصل دوريا على اخر مقالات كود بلوجر