U3F1ZWV6ZTM5ODcyMTQzOTA5X0FjdGl2YXRpb240NTE2OTYzNzg1NzM=
recent
أخبار ساخنة

اضافة ترقيم الصفحات فى قالب المحترف



اليوم على مدون anis tetche  فقط اضافة ترقيم الصفحات فى قالب مدون المحترف هذا القالب الذى تم نشره على المدونة قبل 6 أيام من الأن حصريا فقط على مدونة عالم المدون وقالب من تصميم المدونة فقط ولكن هناك اشخاص ليس لهم ضمير من قامو بأخذ القالب وحذفو حقوق تصميمه وقام ايضا باخذ الموضوع من على المدونة ونشره فى مواقعهم دون ذكر المصدر هذه الأشخاس ليس لم ضمير نهائى ، ولكن فى هذا الموضوع اليوم ليس هذا موضوعنا بل عندما قمت بتصميم القالب لم اضف الية ترقيم للصفحات ولكن فى هذا الموضوع سوف اقوم بشرح تركيب الترقيم فى القالب قالب المحترف وهذا الطريق حصريه لدينا فقط وليس موجوده عن اى احد اخر ويمكنك مشاهد المعاينة للقالب بعد تركيب ترقيم الصفحات من الرابط التالى .

شرح تركيب الترقيم

نتبيه : هذا الشرح فقط لقالب المحترف

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: &quot;الصفحة الأولى&quot;,lastText: &quot;الصفحة الأخيرة&quot;,nextText: &quot;&#187;&quot;,prevText: &quot;&#171;&quot; }</script><script src='https://arblogger-templates.googlecode.com/svn/trunk/pagenavi.min.js' type='text/javascript'/><div class='clear'/></div></b:includable>

5- قم بالبحث فى القالب عن <!-- navigation --> وسوف تجد اسفل منه الكود التالى مثل الصورة


سوف تقوم بتحديد الكود الى اسفل الوسم <!-- 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>

6- قم بحفظ القالب ومبروك عليك الترقيم .

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


ومع هذا الشرح البسيط الحصرى على مدونة عالم المدون سوف تتمكن من إضافة ترقيم الصفحات فى قالب المحترف الذى تم عرضه من قبل على المدونة وكان من تصميم المدونة فقط ، اذا واجهتك اى مشكلة فى تركيب الإضافة او تريد التعديل على اى شئ ، فباب التعليقات مفتوح لا تتردد ! وادعمنا بمشاركة التدوينة ليستفيد منها الجميع :)
الاسمبريد إلكترونيرسالة