طريقة اظهار اداة الترقيم في قالب المحترف

طريقة اظهار اداة الترقيم في قالب المحترف الحالي

 طريقة اظهار اداة الترقيم في قالب المحترف الحالي

السلام عليكم ورحمة الله وبركاته ومغفرته ، احبتي ومتابعي مدونة هشام هاشم للمعلوميات والتقنيات ، اليوم في قسم دروس بلوجر سوف نقدم لكم اداة الترقيم في قالب المحترف الحالي ، وكما هو معروف لما ظهر قالب المحترف الا واصبح الإقبال عليه بدرجة كبيرة جدا من العديد من المدونين ، لا اعرف ربما لانه خاص بالاستاذ امين رغيب المحترف المغربي ، ولكن الذي قام بتوفير قالب المحترف لم يضعه كاملا بل هناك اخطاء ناقصة مثل اداة الترقيم .

انا شخصيا قمت بتحميل القالب الذي ترونه بأم اعينكم وواجهتني بعد العقبات التي اخذت مني وقت كثير ، ومن بين هذه العقبات وهي اضافة اداة الترقيم في مدونة محترف ، وربما هناك من ترك القالب ولو كان معشوقا فيه الا بسبب مشكلة الترقيم في القالب الخاص بالمحترف ، طبعا اخي لكل داء دواء وعليك فقط الالتزام بالصبر حتى ياتي الدواء الذي يصلح لك هذه المشكلة ، كما انها اخي الحبيب لا تؤثر في ترتيب الموقع ولكن تؤثر في الزوار التي لن تستطيع اجاد ما وراء الصفحة الاولى .

ومن اجل حل مشكلة الترقيم في مدونة المحترف الحالي 2016 ، يجب عليك ان تتبع بعض الخطوات السهلة من اجل اظهارها بطريقة الصحيحة ، ولكن من اجل الا نكون مخادعين لزواري الاعزاء سوف اذكر لكم بعض الامور يجب عليك ان تعلمها .

اولا ان هذه الاضافة الترقيم حديثة وخاصة بقالب المحترف الحالي 2016 .

ثانيا هذه الترقيمات تظهر في الصفحة الرئيسية ، اما في التسميات الاخرى لاء 

ثالثا السبب لانها حديثة ومازلنا نشتغل على حلها ، وسوف تظهر لك الترقيمات كما في مدونتي انا شخصيا .

هشام العروجي يقول لك عندك اختيار في تحميل الترقيم او تحميل القالب كامل مع الترقيمات ☺ .

- تحميل القالب المحترف الحالي مع الترقيم من هنا التحميل

- تعديل على القالب من اجل ظهور الترقيم عليها

1 - قم بالحث عن أمر .home .pagenavi وسوف يظهر لك الكود كامل بهذا الشكل .home .pagenavi{display: none;}

سوف تقوم بحذف كلمة {display: none;} فقط لا غير .

2 - إبحث عن كلمة .pagenavi a:hover وسوف يظهر لك الكود كامل بهذا الشكل .pagenavi span.current,.pagenavi a:hover{background-color:#000} قم بحذفه كاملا لا تترك له اثار .

3 - نبحث عن أمر ]]></b:skin> وسوف نضع هذا الكود فوقه .

.pagenavi{clear:both;margin:10px auto;text-align:center} .pagenavi span,.pagenavi a{ background: transparent; color: #717171; padding: 14px 14px; border: 2px solid #B3B3B3; margin-bottom: 10px; border-radius: 3px; margin-left: 5px; } .pagenavi .pages,.pagenavi .current{font-weight:bold}.pagenavi .pages{border:none} span.pages { background: #D03F42; padding: 16px 14px; color: #fff; font-family: Electrolize,ge_dinar_tworegular; border-radius: 0px; } .pagenavi { padding: 0px; margin-right: -7px; float: right; } span.current { background: #2A4057 !important; color: #fff !important; border: 0 !important; padding: 16px 15px !important; margin-right: -3px; } .pagenavi a, .pagenavi span { margin-left: 5px; font-family: Electrolize,ge_dinar_tworegular; font-weight: 100; }  

  

4 - نبحث عن امر <b:includable id='page-navi'> ونضع اسفله مباشرة هذا الكود 

<b:includable id='page-navi'> <div class='pagenavi'> <script type='text/javascript'>var pageNaviConf = {perPage: 3,numPages: 5,firstText: "الصفحة الأولى",lastText: "الصفحة الأخيرة",nextText: "»",prevText: "«" }</script><script src='https://arblogger-templates.googlecode.com/svn/trunk/pagenavi.min.js' type='text/javascript'/><div class='clear'/> </div> </b:includable>  

  

5 - أخر عملية ابحث عن  <!-- navigation --> وضعها مكان الكود الذي يوجد في اسفله مباشرة .

<b:if cond='data:blog.pageType == "index"'><b:include name='page-navi' /><b:else/><b:if cond='data:blog.pageType == "archive"'><b:include name='page-navi' /></b:if></b:if>  

  

يكون على هذا الشكل استبدله بالكود

ثم سوف يظهر بهذا الشكل كما في الصورة