-->

الثلاثاء، 12 أبريل 2011

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

بسم الله والحمد لله
أداة ترقيم الصفحاتفى مدونتك بلوجر تعطى مظهر رائع أسفل المواضيع وتسهل على الزائر عميله التنقل بين محتوى مدونتك وهى تعتمد على 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/AVvXsEhClxxfeJPvAvsmcG3JaWcLxYZXjO4UW2ScP9rRMWzruts1wtbc1Q-bXIgXqoumkg9SOdUOW3DHnTuzpP0gbzxuQlpGslvlH58dFvFduT6OT7HmGXj9sGJ3Eu-9aZOjfNdMA3guP1xLBUsP/) 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/AVvXsEh4JUL9vLw-IAQgbVzLhEyHfig0mqRKlXTGotCxUfCUthBVeuh0w6GLYsndzEUSEGQAEcOgMTrS0YYavOLcPviRUGY5rjgtyN_o8_nmX035ca2AT0EADjrbrLPeCcFG3ZEubZraLLaIP6fb/) 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/AVvXsEh4JUL9vLw-IAQgbVzLhEyHfig0mqRKlXTGotCxUfCUthBVeuh0w6GLYsndzEUSEGQAEcOgMTrS0YYavOLcPviRUGY5rjgtyN_o8_nmX035ca2AT0EADjrbrLPeCcFG3ZEubZraLLaIP6fb/) no-repeat 0 100%;
color : #fff;
}
.showpagePoint {
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4JUL9vLw-IAQgbVzLhEyHfig0mqRKlXTGotCxUfCUthBVeuh0w6GLYsndzEUSEGQAEcOgMTrS0YYavOLcPviRUGY5rjgtyN_o8_nmX035ca2AT0EADjrbrLPeCcFG3ZEubZraLLaIP6fb/) 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"/>

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

1 التعليقات:

NooR alWa6an يقول...

لم استطيع عملها بعدة محاولات...
ارجو المساعده :(

أضف تعليق

عبر عن رأيك بدون تسجيل دخول

كن على إتصال

Best Blogger Tips
Blogger Gadgets