ثم ضف هذا الكود فوقها
.pagenavi{clear:both;margin:10px auto;text-align:center}.pagenavi span,.pagenavi a{padding:10px;margin-right:5px;padding-top:5px;padding-bottom:5px;background:#FFFFFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}.pagenavi a:hover,.pagenavi .current{background:#ff8400;color:#fff;text-decoration:none}.pagenavi .pages,.pagenavi .current{font-weight:bold}.pagenavi .pages{border:none}
(2) تركيب الـ ( JavaScript )
ابحث في قالبك عن هذا السطر او جزء منه
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
اذا وجدته ضع قبله هذا الكود
<b:includable id="page-navi"><div class="pagenavi"><script type="text/javascript">var pageNaviConf = {perPage: 5,numPages: 5,firstText: "First",lastText: "Last",nextText: "»",prevText: "«" }</script><script src="http://rilwis.googlecode.com/svn/trunk/blogger/pagenavi.min.js"
type="text/javascript"></script><br /><div class="clear"></div></div></b:includable>
ابحث في القالب عن هذا السطر او جزء منه
<!-- navigation --> <b:include name='nextprev'/>
واستبدله بهذا الكود
<b:if cond="data:blog.pageType == "index"">
<b:include name="page-navi">
<b:else>
<b:if cond="data:blog.pageType == "archive"">
<b:include name="page-navi">
</b:include></b:if>
</b:else></b:include></b:if>
ثم قم بالحفظ
100% الف شكر
ردحذفالشكر للــه أخى الفاضل سعدت بمرورك العطر
حذف