معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   شرح ترقيم الصفحات لمدونات بلوجر (https://www.bloggerexp.com/showthread.php?t=40)

admin 04-29-2012 12:26 AM

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



نبدأ على بركة الله :
اذهب إلى تصميم ثم تحرير 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}




الآن ابحث عن :



كود:

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

perPage: عدد المواضيع المعروضة في كل صفحة

numPages: عدد الأرقام المراد عرضها بالترقيم




ابحث الآن عن :
كود:

<!-- 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>


abozakariya 04-29-2012 11:42 AM

شكرا لك ايخ عثمان بارك الله فيك

admin 04-29-2012 01:04 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة أكتو تيك (المشاركة 156)
شكرا لك ايخ عثمان بارك الله فيك

العفو أخي وشكرا على مرورك

overboy 06-17-2012 10:39 PM

رد: شرح ترقيم الصفحات لمدونات بلوجر
 
شكرا لك اخي , بارك الله فيك

سعيد 06-21-2012 10:15 AM

رد: شرح ترقيم الصفحات لمدونات بلوجر
 
شكرا لك اخي على هذا الشرح

talea 06-24-2012 09:18 PM

رد: شرح ترقيم الصفحات لمدونات بلوجر
 
شكرا لك اخي

admin 06-24-2012 09:52 PM

رد: شرح ترقيم الصفحات لمدونات بلوجر
 
العفو إخواني وشكرا على مروركم جميعا

عماد عادل 06-26-2012 01:32 PM

رد: شرح ترقيم الصفحات لمدونات بلوجر
 
مشكوووووووور ... اجمل شئ في هذه الاضافة انها تعمل من اليمين الى اليسار

عماد عادل 06-26-2012 01:48 PM

رد: شرح ترقيم الصفحات لمدونات بلوجر
 
اخ عثمان هل تعرف مدونة ابو فرحان .... يوجد بها الكثير من الاشكال لترقيم الصفحات لكن بها مشكلتين .. الاولى انها تتعطل عند وضعها في مدونة عربية والثانية انه اسفلها تجد كلمة "widget" by abu farhan

عماد عادل 06-26-2012 02:11 PM

رد: شرح ترقيم الصفحات لمدونات بلوجر
 
على فكرة الاضافة لم تعمل عندي


الساعة الآن 05:47 AM

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012