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

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

mostafa alwin 07-09-2012 08:25 AM

اضافة ترقيم الصفحة بشكل جديد
 
http://1.bp.blogspot.com/-1mujwbY10L.../Page-Navi.png
السلام عليكم ورحمة الله تعالى وبركاته ، مرحبا بكم من جديد كثير من المدونين يبحثون عن إضافة ترقم صفحاتهم وتستبدل بالسابق والتالي بالفعل فهي إضافة جميلة سوف نتطرق إلى أسهل طريقة لإضافتها في درس أسهل مما تتخيلون فقط إتباع الخطوات التي سوف أعطيها لكم.
نبدأ على بركة الله
1-إدخل لوحة التحكم المدونة.
2-ثم إختر تصميم أو قالب.

تحسبا لأي خطأ ضع نسخة إختياطية من قالبك في جهازك.
3- نتوجه إلى تحرير HTML ثم وضع علامة على المربع الصغير لتوسيع القالب.
4-نبحث عن :
]]></b:skin>
5-نضع قبله الكود التالي :

كود بلغة HTML:

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

6-قم بالبحث من جديد عن :
</body>
7-ضع هذا الكود قبله

كود بلغة HTML:

<!-- Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://related-sources.googlecode.com/files/blogger-Page-navi.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->

ما يمكن يغييره

var pageCount=5; عدد المواضيع التي تريد عرضها في الصفحة الأولى غير فقط الرقم

var displayPageNum=5; عدد الصفحات التي سوف يتم إدراجها

admin 07-09-2012 09:51 AM

رد: اضافة ترقيم الصفحة بشكل جديد
 
شكرا على الشرح أخي ;)

A.M.A.M.S 07-09-2012 04:19 PM

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

mint12 07-15-2012 11:56 PM

رد: اضافة ترقيم الصفحة بشكل جديد
 
السـلآم عليكم و رحمة الله و بركآته ,

بآرك الله فيك ع الموضوع القيّم أخي

bosbos bebe 09-06-2012 07:01 PM

رد: اضافة ترقيم الصفحة بشكل جديد
 
جزاك الله خير أضافة جميل

ism33ail 09-08-2012 01:55 AM

رد: اضافة ترقيم الصفحة بشكل جديد
 
إضافة رائعة أخي بارك الله فيك...
أريد أن أعدل على الكود إن سمحت ...
في الكود يمكنكم تغيير Next بـالتالي و Previous بـالسابق

Youness 11-01-2012 02:40 AM

رد: اضافة ترقيم الصفحة بشكل جديد
 
:ok::bloggerexp::star::star::star::star::star::cla p:
الافضــــــــــــــــــــــــل طبقتا على المدونة ديالـــــــــــــي :clap:

Perfect 11-11-2012 10:16 PM

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

ra3danar 11-19-2012 08:44 PM

رد: اضافة ترقيم الصفحة بشكل جديد
 
شكرا أخي لكن مشكلتي أنني لا أعرف معني عبارة " نضع قبله الكود التالي " هل في السطر الموجود فوقه أم في نفس السطر ؟

Ayoub-php 11-19-2012 10:06 PM

رد: اضافة ترقيم الصفحة بشكل جديد
 
اقتباس:

المشاركة الأصلية كتبت بواسطة ra3danar (المشاركة 14279)
شكرا أخي لكن مشكلتي أنني لا أعرف معني عبارة " نضع قبله الكود التالي " هل في السطر الموجود فوقه أم في نفس السطر ؟

فوقه اخوي
بالتوفيق


الساعة الآن 01:41 PM

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