تثبيت أزرار التنقل بين المواضيع على جانب الصفحة عند تمرير الصفحة

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

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

معاينة وتحميل أكواد الإضافة

معاينة تحميل الأكواد

صورة من الإضافة

شرح التركيب

الشرح سوف يكون على القوالب التى لا تحتوى على أزرار التنقل وايضا التى تحتوى عليها لا مشكلة فى الأمر لان أكواد الإضافة فى موضوع اليوم لن تتعارض مع أى كود فى مدونتك.
سوف يكون عليك أولا أن تبحث عن هذا الوسم]]></b:skin>ثم تقوم بوضع الكود التالى فوقه.

.next-wdbloog a {
  background-color: #EF5350;
  color: #FFFFFF;
  font-weight: 500;
  height: 80px;
  float: left;
  position: fixed;
  top: 50%;
  right: 0;
  line-height: 94px;
  width: 35px;
  padding-right: 8px;
  font-size: 0;
  z-index: 99999;
}
.next-wdbloog a:before {
  content: "\f061";
  font-family: fontawesome;
  margin-left: 5px;
  line-height: 27px;
  font-size: 20px;
}
.previous-wdbloog a {
  background-color: #EF5350;
  color: #FFFFFF;
  font-weight: 500;
  height: 80px;
  float: left;
  position: fixed;
  top: 50%;
  left: 0;
  line-height: 94px;
  width: 35px;
  padding-right: 8px;
  font-size: 0;
  z-index: 99999;
}
.previous-wdbloog a:before {
  content: "\f060";
  font-family: fontawesome;
  margin-left: 5px;
  line-height: 27px;
  font-size: 20px;
}

الأن أبحث عن هذا الوسم<data:post.body/>ثم قم بوضع الكود التالى هذا فوقه.

<b:if cond='data:blog.pageType == "item"'>
<div class='wdbloog-pager'>
<ul class='wdbloog-pager2'>
        <li class='next-wdbloog'> 
<b:if cond='data:newerPageUrl'> 
<a class='wdbloog-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-wdbloog-link&quot;'/> 
<b:else/> 
<a><strong></strong></a>
</b:if> 
</li>
    <li class='previous-wdbloog'> 
<b:if cond='data:olderPageUrl'> 
<a class='wdbloog2-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-wdbloog2-link&quot;'/> 
<b:else/> 
<a><strong></strong></a> 
</b:if> 
</li>
    </ul>
</div>
<script type='text/javascript'> 
//<![CDATA[ 
var _0xff7f=["\x61\x2E\x77\x64\x62\x6C\x6F\x6F\x67\x2D\x6C\x69\x6E\x6B","\x61\x2E\x77\x64\x62\x6C\x6F\x6F\x67\x32\x2D\x6C\x69\x6E\x6B","\x68\x72\x65\x66","\x61\x74\x74\x72","\x6C\x65\x6E\x67\x74\x68","\x2E\x70\x6F\x73\x74\x2D\x65\x6E\x74\x72\x79\x20\x69\x6D\x67\x3A\x66\x69\x72\x73\x74","\x66\x69\x6E\x64","\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x27","\x73\x31\x32\x30","\x72\x65\x70\x6C\x61\x63\x65","\x73\x72\x63","\x20\x63\x6C\x61\x73\x73\x3D\x27\x70\x61\x67\x65\x72\x2D\x74\x68\x75\x6D\x62\x27\x2F\x3E","","\x3C\x64\x69\x76\x3E\x3C\x73\x74\x72\x6F\x6E\x67\x3E\x3C\x2F\x73\x74\x72\x6F\x6E\x67\x3E\x3C\x2F\x64\x69\x76\x3E","\x68\x74\x6D\x6C","\x67\x65\x74","\x23\x77\x64\x62\x6C\x6F\x6F\x67\x2D\x70\x61\x67\x65\x72","\x61\x70\x70\x65\x6E\x64\x54\x6F","\x2E\x77\x64\x62\x6C\x6F\x6F\x67\x2D\x70\x61\x67\x65\x72"];var _0x17ef=[_0xff7f[0],_0xff7f[1],_0xff7f[2],_0xff7f[3],_0xff7f[4],_0xff7f[5],_0xff7f[6],_0xff7f[7],_0xff7f[8],_0xff7f[9],_0xff7f[10],_0xff7f[11],_0xff7f[12],_0xff7f[13],_0xff7f[14],_0xff7f[15],_0xff7f[16],_0xff7f[17],_0xff7f[18]];(function(_0x2095x2){var _0x2095x3=_0x2095x2(_0x17ef[0]),_0x2095x4=_0x2095x2(_0x17ef[1]);_0x2095x2[_0x17ef[15]](_0x2095x3[_0x17ef[3]](_0x17ef[2]),function(_0x2095x5){var _0x2095x6=1<= _0x2095x2(_0x2095x5)[_0x17ef[6]](_0x17ef[5])[_0x17ef[4]]?_0x17ef[7]+ _0x2095x2(_0x2095x5)[_0x17ef[6]](_0x17ef[5])[_0x17ef[3]](_0x17ef[10])[_0x17ef[9]](/s\B\d{2,4}/,_0x17ef[8])+ _0x17ef[11]:_0x17ef[12];_0x2095x3[_0x17ef[14]](_0x2095x6+ _0x17ef[13])},_0x17ef[14]),_0x2095x2[_0x17ef[15]](_0x2095x4[_0x17ef[3]](_0x17ef[2]),function(_0x2095x5){var _0x2095x6=1<= _0x2095x2(_0x2095x5)[_0x17ef[6]](_0x17ef[5])[_0x17ef[4]]?_0x17ef[7]+ _0x2095x2(_0x2095x5)[_0x17ef[6]](_0x17ef[5])[_0x17ef[3]](_0x17ef[10])[_0x17ef[9]](/s\B\d{2,4}/,_0x17ef[8])+ _0x17ef[11]:_0x17ef[12];_0x2095x4[_0x17ef[14]](_0x2095x6+ _0x17ef[13])},_0x17ef[14])})(jQuery);var _0x150a=[_0x17ef[16],_0x17ef[17],_0x17ef[18]];$(function(){$(_0x150a[2])[_0x150a[1]](_0x150a[0])})
//]]> 
</script>
</b:if>

الأن سوف تقوم بحفظ القالب وبعدها يمكنك معاينة مدونتك وسوف تجد الإضافة تعمل بدون مشكلة .

هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .

تثبيت أزرار التنقل بين المواضيع على جانب الصفحة عند تمرير الصفحة

معاينة وتحميل أكواد الإضافة

صورة من الإضافة

شرح التركيب

تعليقات

إرسال تعليق

الأرشيف

اقسام الموقع

الاقسام

ترجم - Translate

نموذج الاتصال

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