بحثت عن تلك اﻹضافة طويلا وجربت أكواد كثيرة ، ولم أجد أفضل من هذا الكود الخفيف والرائع الذي أحببت أن أشارككم به.
لتركيب الكود قم بإتباع الخطوات التالية :
لوحة التحكم اختر تصميم ثم اختر تحرير html (علامة صح مقابل توسيع قوالب عناصر واجهة المستخدم) :
ابحث عن كود </body> وقم بإضافة الكود التالي قبله :
- لاحظ ضع قيمة pageCount (اللون البرتقالي في الكود) بعدد التدوينات التي تظهر في الصفحة الواحدة.
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=7; var displayPageNum=3;
var upPageWord =' السابق ' ;
var downPageWord =' التالي ' ;
var allpages =' الصفحات ' ;
</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; }
شكرا للك اخي وان شاء الله احقق هذا
ردحذف