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

السلام عليكم ....  , اليوم اقدم لكم طريقة إضافة ترقيم 

الصفحات لقوالب بلوجر بشكل احترافى ومميز  ,هذه الاضافة  

بمنظر بسيط وفي نفس الوقت يلائم أي قالب ويمكن تغيير اللون 

بسهولة تامة كما أنها تذكر عدد الصفحات المتواجدة وخفيفة , 

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

مودونتك بسهوله .

هذه الاضافه مهمة لكل قالب بلوجر وانا اطرحها لكم اليوم لان 

معظم القوالب لا يوجد بها هذه الاضافه المهمة ,, اليك معاينة 

هذه الإضافة مباشرة ...... ثم ننتقل الى الشرح

صفحة 1 من 41234الصفحة التالية

شرح طريقة التركيب
1. إبحث عن </body> وضع الكود التالي فوقه

الكود

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=8;var numshowpage=3;var upPageWord ='الصفحة السابقة';var downPageWord ='الصفحة التالية';var urlactivepage=location.href;var home_page="/";
/*]]>*/
</script>
<script src='https://googledrive.com/host/0B0LkZloPKBfWb2Vjbkk3LWxVVzQ' type='text/javascript'/>
</b:if>

* لتغيير عدد ظهور المواضيع في الصفحة غير المحدد 

بالبرتقاي "8" بما يناسبك


2.ابحث عن ]]></b:skin> وضع الكود التالي فوقه أو ضعه 

بين <style> </style> فوق </head>

 الكود

/* Page Navigation Pro7web.com */
#blog-pager{clear:both;display:inline-block;overflow:visible;width:auto;background-color:#fff;margin:40px 0 20px 20px;border:1px solid #EAEAEA;padding:0;text-align:right;line-height:normal;font-size:13px;font-weight:400;;}
.showpageOf{display:inline-block;font-size:90%;padding:7px 12px;vertical-align:top;line-height:20px;}
.showpagePoint{background:#30a8e6;color:#fff;display:inline-block;vertical-align:top;line-height:20px;padding:7px 12px;margin:0;font-size:14px;text-align:center;border-right:1px solid #f0f0f0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);transition:initial}
.showpage a,.showpageNum a{display:inline-block;vertical-align:top;line-height:20px;padding:7px 12px;margin:0;font-size:14px;text-align:center;border-right:1px solid #f0f0f0;transition:color .3s}
.showpage a:hover,.showpageNum a:hover{background-color:#fefefe;color:#454545;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);transition:color .3s}

* لتغيير اللون الأزرق فكوده محدد بالبرتقالي #30a8e6


بعد تنفيذ ذالك الخطوات سوف تحصل على اضافه رائعة لـ ترقيم الصفحات

عن الموضوع

إبلاغ عن خطأ

• إضافة ترقيم الصفحات لقوالب بلوجر
• Unknown
• سبتمبر 27, 2017
• 0 اضف تعليق
•  مشاهدة

تقييمات المشاركة : إضافة ترقيم الصفحات لقوالب بلوجر 9 على 10 مرتكز على 10 تقييمات. 9 تقييمات القراء.

روابط هذا المقال قابلة للنسخ واللصق
URL
HTML
BBCode

الواتس آب