المساعد الشخصي الرقمي

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


support
10-30-2013, 10:52 AM
السلام عليكم ورحمة الله وبركاته

طريقة اضافة نظام الترقيم ببلوجر بطريقة سهلة وبسيطة

اضافة ترقيم صفحات البلوجر "المدونة"

طريقه التركيب

1-من لوحة البلوجر " نضغط على التخطيط"

http://up.mosw3a.com/files/68524.jpg (http://up.mosw3a.com)

2-ثم نضغط على " اضافة اداة "

http://up.mosw3a.com/files/68525.jpg (http://up.mosw3a.com)

3- ثم نضغط على (HTML/JavaScript إضافة )

http://up.mosw3a.com/files/68526.jpg (http://up.mosw3a.com)

ونضع كود الاضافة هذا :


<!-- Navigation Widget For Blogger -->
<style type="text/css">
#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}
.showpageArea a {text-decoration:underline;color: #fff;}
.showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0 3px;padding:3px 5px; background: #9dd53a; background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); }
.showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #6db3f2; background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); }
.showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}
</style>

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=9;
var upPageWord ='السابق';
var downPageWord ='التالي';
</script>
<script src='https://pagesnavibloggerexp.googlecode.com/svn/trunk/pagenavi.js' type='text/javascript'></script>
<!-- Navigation Widget For Blogger -->



للتعديل على الكود :

وهذه تعنى عدد المواضع فى الرئيسية
var postperpage=5

وهذه تعنى عدد ارقام الصفحات فى الرئيسية
var numshowpage=9

وادخل على التخطيط

وثم تحرير رسائل المدونة الإلكترونية

وأول اختيار

عدد الرسائل على الصفحة الرئيسية:

واكتب الرقم اللي تريده وااكتب بالتعديل اللي تم ذكره بالاعلي ( var postperpage=5 )


4- نضع الكود في مربع الاضافة الجديدة اللي تم انشأئها ونكتب اسم للاضافة كما بالصورة

http://up.mosw3a.com/files/68527.jpg (http://up.mosw3a.com)

5- نقوم بسحب الادارة ونضع تحت مربع رسائل المدونة الالكترونية لتكون اسفل المواضيع

http://up.mosw3a.com/files/68528.jpg (http://up.mosw3a.com)

وجرب وان شاء الله بتركب دون مشاكل

محمد تكنلوجيا
01-14-2014, 09:59 AM
شكرا اخي على الموضوع جميل جدااا

al7kmi-ksa
02-12-2014, 04:16 PM
شكرا لك أخي على معلومات

inzoo
08-05-2015, 06:04 PM
الا يوجد اي حل اخر لقد قمت بتجربة جميع الطرق في مدونتي مدونة تطبيقات الاندرويد (http://ttbikat-android.blogspot.com) و لكن دون جدوي هل يوجد مشكلة في المدونة ام ماذا ارجو الافادة و لقد وضعت رابط المدونة اذا احد يدخل و يعرف السبب وراء المشكلة

mailna
06-17-2017, 05:55 PM
تفضل اخي هذه التدوينة ربما تفيدك
http://mo3awindz.blogspot.com/2017/06/Page-Navigation-widget-blogger.html