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

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

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

وصف الاداة

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

مزايا الاداة

اعجاب الزوار بالاداة 

تزيد جودة المدونة

اشتهار الموقع على الانترنت

تحديد عدد صفحات تصنيفاتك 

تجعل محركات البحث تثق في قيمة موقعك لترتقي بوقعك في نتائج البحث

طريقة اضافة الاداة

اولا: قم باخذ نسخة للقالب تحسبا لحدوث خطا لك

ثانيا: اتبع الخطوات التالية خطوة خطوة

1. لوحة التحكم
2. قالب
3. تحرير Html 
4. اضغط Alt+f

و ابحت عن الكود التالي :

</body>

ضع فوقه تماما

&lt;script type=&#39;text/javascript&#39;&gt;

var home_page=&quot;/&quot;;

var urlactivepage=location.href;

var postperpage=5;

var numshowpage=8;

var upPageWord =&#39;السابق&#39;;

var downPageWord =&#39;التالي&#39;;

&lt;/script&gt;

&lt;script src=&#39;https://cnmu.googlecode.com/svn/trunk/pagenavar.js&#39; type=&#39;text/javascript&#39;&gt;&lt;/script&gt;

الخطوة الثانية

ابحت عن الكود التالي :

]]></b:skin>

/* -- number page navigation -- */
.showpageArea {color:#787D7E;margin: 10px 5px 3px 5px;padding: 0px;float: right;display: inline;font-size:13px;}.showpageArea a {background: #DAD8D9;background: -moz-linear-gradient(top,  #F0F0F0 , #DAD8D9 );background: -webkit-linear-gradient(top,  #F0F0F0 ,#DAD8D9 );padding: 4px 7px;margin: 0px 5px 0px 0px;text-decoration: none;color:#787D7E;display: inline;float: right;border:1px solid #BEBEBE;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.showpageNum {float:right;}.showpageNum a {font-size:13px;font-weight: bold;background: #DAD8D9;background: -moz-linear-gradient(top,  #F0F0F0 , #DAD8D9 );background: -webkit-linear-gradient(top,  #F0F0F0 ,#DAD8D9 );padding: 4px 7px;margin: 0px 5px 0px 0px;text-decoration: none;color:#787D7E;display: inline;float: right;border:1px solid #BEBEBE;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.showpageNum a:hover {background: #D1E0E5;background: -moz-linear-gradient(top,#EEF3F6,#D1E0E5);background: -webkit-linear-gradient(top,#EEF3F6,#D1E0E5);text-decoration: none;border:1px solid #BEBEBE;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.showpagePoint {font-size:13px;font-weight: bold;background: #4A4A4A;padding: 4px 7px;margin: 0px 5px 0px 0px;text-decoration: none;color: #FFFFFF;display: inline;float: right;border:1px solid #BEBEBE;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.showpageOf {font-weight: bold;background: #DAD8D9;background: -moz-linear-gradient(top,  #F0F0F0 , #DAD8D9 );background: -webkit-linear-gradient(top,  #F0F0F0 ,#DAD8D9 );padding: 4px 7px;margin: 0px 5px 0px 0px;text-decoration: none;color:#787D7E;display: inline;float: right;border:1px solid #BEBEBE;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.showpage a {background: #DAD8D9;background: -moz-linear-gradient(top,  #F0F0F0 , #DAD8D9 );background: -webkit-linear-gradient(top,  #F0F0F0 ,#DAD8D9 );padding: 4px 7px;margin: 0px 5px 0px 0px;text-decoration: none;color:#787D7E;display: inline;float: right;border:1px solid #BEBEBE;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.showpage a:hover {background: #D1E0E5;background: -moz-linear-gradient(top,#EEF3F6,#D1E0E5);background: -webkit-linear-gradient(top,#EEF3F6,#D1E0E5);text-decoration: none;border:1px solid #BEBEBE;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}

حل مشكلة الترقيم والتسميات 

ابحت عن الكود التالي :

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

واستبدله بهذا الكود

<script type='text/javascript'>

  var lblname = &quot;<data:label.name/>&quot;;

  lblname2 = encodeURIComponent(lblname);

  var feedlink = &#39;/search/label/&#39; + lblname2+&#39;?&amp;max-results=5&#39;;

  document.write(&#39;&lt;a href=&quot;&#39; + feedlink + &#39;&quot;&gt;&#39;+lblname+&#39;&lt;/a&gt;&#39;);

</script>

ثم ابحث على هذا 

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

واستبدله بهذا الكود

<script type='text/javascript'>

  var lblname = &quot;<data:label.name/>&quot;;

  lblname2 = encodeURIComponent(lblname);

  var feedlink = &#39;/search/label/&#39; + lblname2+&#39;?&amp;max-results=5&#39;;

  document.write(&#39;&lt;a href=&quot;&#39; + feedlink + &#39;&quot;&gt;&#39;+lblname+&#39;&lt;/a&gt;&#39;);

</script>

• في الأخير "حفظ النمودج "..

وبذلك نكون قد انهينا الشرح و مبروك عليك الاداة الجديدة  لخاصية الترقيم

اي سؤال او استفسار اترك تعليقك في الاسفل وسيتم الرد في اقرب وقت .