تقني المعلوميات تقني المعلوميات
recent

آخر الأخبار

recent
random
جاري التحميل ...

طريقة وضع عدد الصفحات أسفل المدونة، و هي إضافة تسهل الانتقال من صفحة لأخرى

في هذا الموضوع سنتعلم طريقة وضع عدد الصفحات أسفل المدونة، و هي إضافة تسهل الانتقال من صفحة لأخرى في وقت أقل مما هو عليه الأمر افتراضيا، و هذا مثال في الصورة :

- أولا ندخل إلى لوحة تحكم بلوجر ثم نختار قالب :
- نختار تحرير HTML :
- بعد ذلك نبحث عن :
 ]]></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}
- الآن نبحث عن :
Blog1

  
  


- نضيف بعده هذا الكود كما في الصورة :
<b:includable id='page-navi'>
<div class="pagenavi">
<script type="text/javascript">
var pageNaviConf = {
perPage: 5,
numPages: 5,
firstText: "First",
lastText: "Last",
nextText: &quot;&#187;&quot;,
prevText: &quot;&#171;&quot; }
</script>
<script type="text/javascript" src="https://dl.dropbox.com/u/63968842/navigation%20numbered%20widget%28www.widgetgenerators.blogspot.com%29.js"></script>
<div class="clear" />
</div>
</b:includable>
- نبحث كذلك على هذا الكود : 
<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>
أخيرا نحفظ النموذج :

عن الكاتب

Abderahim Makoul عبدالرحيم من المغرب

التعليقات


اتصل بنا

إذا أعجبك محتوى مدونتنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...

جميع الحقوق محفوظة

تقني المعلوميات