أداة ترقيم الصفحات فى مدونتك بلوجر بطريقه سهله وبلون رائع

بسم الله والحمد لله
أداة ترقيم الصفحاتفى مدونتك بلوجر تعطى مظهر رائع أسفل المواضيع وتسهل على الزائر عميله التنقل بين محتوى مدونتك وهى تعتمد على HTML شاهد الصوره
و تعتبر الإضافه سهله جداً بمشيئة الله فقط تابع الأتى
- سجل الدخول فى المدونه بلوجر الخاصه بك
- إذهب إلى التصميم -- >> تحرير HTML
- ضع علامه فى خانة توسيع القالب وإبحث عن هذا الكود

</body> 

ثم قم بوضع الكود التالى قبله مباشرة

<style type="text/css">
.showpageArea{
padding:10px;
color : #003366;
text-align : left;
width : 100%;
}
.showpageArea a {
float:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVyd81MTKOj5Gi4z0tbW03NtWiYnxArv5rn8UEraqk2DzQpHWR_xAbG-Gp2_zYuYluP3OReImHO6Jpr_Cii1xQrXGX6H15FYaKaZg0R4-GDEkyfh4IlKD1ysH0DXM6Vc6sYWBzL6225WJq/) no-repeat 0 0;
text-align : center;
width : 127px;
height : 42px;
text-align : center;
display : block;
margin : 0 5px;
color : #333;
padding-top : 6px;
}
.showpageArea 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/AVvXsEi-GBeRETcZp1hEnFjEpVBkjRzuNg6XU0iYBDPdvgtMN6F4zjMxEM9sB9p7Jre6wDoktRCfqjz1tix-ECpQxM1dpofriRpkbrLJH1X4guNOnttKqMAkOyMp4f-DUF_rKqOS8FdInDYSrB5w/) 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/AVvXsEi-GBeRETcZp1hEnFjEpVBkjRzuNg6XU0iYBDPdvgtMN6F4zjMxEM9sB9p7Jre6wDoktRCfqjz1tix-ECpQxM1dpofriRpkbrLJH1X4guNOnttKqMAkOyMp4f-DUF_rKqOS8FdInDYSrB5w/) no-repeat 0 100%;
color : #fff;
}
.showpagePoint {
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-GBeRETcZp1hEnFjEpVBkjRzuNg6XU0iYBDPdvgtMN6F4zjMxEM9sB9p7Jre6wDoktRCfqjz1tix-ECpQxM1dpofriRpkbrLJH1X4guNOnttKqMAkOyMp4f-DUF_rKqOS8FdInDYSrB5w/) 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="Previous";
var downPageWord="Next";
</script>
<script type='text/javascript' src="http://bloggerblogwidgets.googlecode.com/files/BeautifulPageNavi.js"/>

وماهو بالأحمر تستطيع تعديله بعدد المواضيع التى تظهر بالصفحه
وما هو بالأزرق تستطيع تغييره بالسابق والتالى أو أتركه كما هو
إحفظ القالب ولا تنسونى من صالح الدعاء

التصنيف :