ابحث في كوكل بدل ان ترجع الى الصفحى الرئيسيه

 في هذه التدوينه سوف نقوم باضافه ترقيم لصفحات مدونتك والمشاركات باسلوب انيق جدا

لذلك سوف اتطرق للتفاصيل بسرعه وبدون اي مقدمات في هذا التدوينه القصيره جدا 

نبدء الشرح 

1- قم بنسخ الكود الذي في الاسفل

2- قم بالذهاب الى لوحت تحكم مدونتك 

3- اختر قالب ومن ثم انسخ نسخه احتياطيه من قالبك لتفادي الخطا ان وقع واضغط على تحريرHTML

4- اضغط على زر تنسيق النموذج وابحث عن الكود التالي باستخدام ctrl + f قم بالبحث عن </body> 

واضف هذا الكود قبلها

<style type="text/css">
    .showpageArea{padding:10px;color : #003366;text-align : left;width : 100%;}
    .showpage a {float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW9LbIGU9Z7rn0neh5pgEwH7fZCb0YPfr_QiQajNNB04ZPK2s_2YcKnkj_yqtZZ1T_QKf_un23RSKdK3dD9mJCBFpI3-ipPVijh-_w1MCyyJTCblIsvepnXNS7leqBQomTm4oSesv7BkTk/) no-repeat 0 0;text-align : center;width : 127px;height : 42px;text-align : center;display : block;margin : 0 5px;color : #333;padding-top : 6px;}
    .showpage a:hover {color : #333;margin : 0 5px;padding-top : 6px;}
    .showpageOf{float:left;padding-top : 6px;}
    .showpageNum a {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFNmzhoua1tag0ST0VjRJQZkhNOQM7ky48ZxYGVfGe5xCexQ2tfKIWr6cXrXIqEgaGvdniZxjIt0PeK6SLBG5_nqhTN5serKBKbVeVOOUl6HjPune6Y1iDKxeNyjZAVvr-bN4ceSfUIDfm/) no-repeat 0 0;width : 37px;height : 42px;display : block;text-align : center;float : left;margin : 0 5px;padding-top : 6px;text-decoration : none;color : #333;}
    .showpageNum a:hover {background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFNmzhoua1tag0ST0VjRJQZkhNOQM7ky48ZxYGVfGe5xCexQ2tfKIWr6cXrXIqEgaGvdniZxjIt0PeK6SLBG5_nqhTN5serKBKbVeVOOUl6HjPune6Y1iDKxeNyjZAVvr-bN4ceSfUIDfm/) no-repeat 0 100%;color : #fff;}
    .showpagePoint {background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFNmzhoua1tag0ST0VjRJQZkhNOQM7ky48ZxYGVfGe5xCexQ2tfKIWr6cXrXIqEgaGvdniZxjIt0PeK6SLBG5_nqhTN5serKBKbVeVOOUl6HjPune6Y1iDKxeNyjZAVvr-bN4ceSfUIDfm/) no-repeat 0 100%;width : 37px;height : 42px;display : block;float : left;text-align : center;margin : 0 5px;padding-top : 6px;font-weight : bold;color : #fff;}
    .showpageNum a:link, .showpage a:link {text-decoration : none;color : #cc0000;}
</style>
<script style='text/javascript'>
var pageCount=5;
var displayPageNum=1;
var upPageWord="السابق";
var downPageWord="التالي";
</script>
<script type='text/javascript' src="http://widgets.way2blogging.org/blogger-widgets/w2b-beautiful-pagenavi.js"/>

ملاحظه : اذا ارتم تغيير كلمه التالي او السابق فحسب رغبتكم 

Posted in: اضافات بلوجر