أداة ترقيم الصفحاتفى مدونتك بلوجر تعطى مظهر رائع أسفل المواضيع وتسهل على الزائر عميله التنقل بين محتوى مدونتك وهى تعتمد على 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"/>
وماهو بالأحمر تستطيع تعديله بعدد المواضيع التى تظهر بالصفحه
وما هو بالأزرق تستطيع تغييره بالسابق والتالى أو أتركه كما هو
إحفظ القالب ولا تنسونى من صالح الدعاء
1 التعليقات:
لم استطيع عملها بعدة محاولات...
ارجو المساعده :(
عبر عن رأيك بدون تسجيل دخول