كود:

---

]]></b:skin>

---

كود:

---

.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}

---

كود:

---

<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'/>

---

كود:

---

<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>

---

كود:

---

<b:includable id='page-navi'>
<div class='pagenavi'>
<script type='text/javascript'>
var pageNaviConf = {
perPage: 3,
numPages: 5,
firstText: &quot;الصفحة الأولى&quot;,
lastText: &quot;الصفحة الأخيرة&quot;,
nextText: &quot;»&quot;,
prevText: &quot;«&quot; }
</script>
<script src='https://arblogger-templates.googlecode.com/svn/trunk/pagenavi.min.js' type='text/javascript'/>
<div class='clear'/>
</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:if>
</b:if>

---