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

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

بحثت عن تلك اﻹضافة طويلا وجربت أكواد كثيرة ، ولم أجد أفضل من هذا الكود الخفيف والرائع الذي أحببت أن أشارككم به.

لتركيب الكود قم بإتباع الخطوات التالية :
لوحة التحكم اختر تصميم ثم اختر تحرير html (علامة صح مقابل توسيع قوالب عناصر واجهة المستخدم) :

ابحث عن كود </body> وقم بإضافة الكود التالي قبله :
- لاحظ ضع قيمة pageCount (اللون البرتقالي في الكود) بعدد التدوينات التي تظهر في الصفحة الواحدة.
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <script type='text/javascript'>
    var pageCount=7;    var displayPageNum=3;
    var upPageWord =&#39; السابق &#39; ;
    var downPageWord =&#39; التالي &#39; ;
    var allpages =&#39; الصفحات &#39; ;
   </script>
   <script src='http://aymangaber.webs.com/HTML/blogger-page-nav.js' type='text/javascript'/>
  </b:if>
</b:if>
<!--Page Navigation Ends -->
ابحث عن الكود ]]></b:skin> ، قم بإضافة الكود التالي قبله :
.showpageArea {font-family:verdana; color: #000; font-size:11px; margin:10px;}
.showpageArea a {color: #000; text-shadow:0 1px 2px #fff; font-weight: 700;}
.showpageNum a {padding: 3px 8px; margin:0 4px; text-decoration: none;}    
.showpageNum a:hover {border:1px solid #888; }
.showpageOf{margin:0 8px 0 0;}  
.showpagePoint {color:#fff; text-shadow:0 1px 2px #333; padding: 3px 8px; margin: 2px;   font-weight: 700; text-decoration: none; }
مصدر التدوينة : مدونة رايق كوول - إضافة ترقيم الصفحات 17 شكل و17 ستايل

تعليقات

إرسال تعليق