السلام عليكم ورحمة الله
درسنا اليوم اضافه رائعه للمدونات
و هي اضافة هامة جدا ويحبث عنها الكثيرون من المدونين
وهى اضافة ترقيم صفحات البلوجر "المدونة"
اعرف ان الكثيرون بحثوا عن هذه الاضافة ولكن لاسف يتطرون دائما الى التعديل على القالب
ولكن لدى اليوم كود مختلف تماما ورائع فى نفس الوقت
اولا "مثال"
سوف يكون معنا بهذا الشكل ان شاء الله
![شرح اضافة "ترقيم الصفحات - Number pages blogger" مقدم من شرح اضافة "ترقيم الصفحات - Number pages blogger" مقدم من](https://lh3.googleusercontent.com/-cCqj5kjaHzY/T6Wu5FwlsAI/AAAAAAAAAcM/Czn-RyAUG8k/s400/Page.JPG)
طريقه التركيب
1-من لوحة البلوجر " نضغط على التخطيط"
![شرح اضافة "ترقيم الصفحات - Number pages blogger" مقدم من شرح اضافة "ترقيم الصفحات - Number pages blogger" مقدم من](https://lh5.googleusercontent.com/-GQEe-5lEbCg/T5qaAt9EiQI/AAAAAAAAAUc/8c14A11FWPo/s391/18.PNG)
2-ثم نضغط على " اضافة اداة "
![شرح اضافة "ترقيم الصفحات - Number pages blogger" مقدم من شرح اضافة "ترقيم الصفحات - Number pages blogger" مقدم من](https://lh4.googleusercontent.com/-nbo6ZZfglXk/T5qaCQZIA8I/AAAAAAAAAUs/1gTQ3LsRNkg/s209/19.PNG)
3- ثم نضغط على (HTML/JavaScript إضافة )
![شرح اضافة "ترقيم الصفحات - Number pages blogger" مقدم من شرح اضافة "ترقيم الصفحات - Number pages blogger" مقدم من](https://lh6.googleusercontent.com/-FZ6q7gl5WoA/T5qaDgThAYI/AAAAAAAAAU4/qzz1qplYZqE/s443/20.PNG)
كود الاضافة
رمز Code:
<!-- Stylish colored Navigation Widget For Blogger By UinEgy @ http://www.uniegy.blogspot.com -->
<style type="text/css">
#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}/* www.uniegy.blogspot.com */
.showpageArea a {text-decoration:underline;color: #fff;}/* www.uniegy.blogspot.com */
.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 ); }/* www.uniegy.blogspot.com */
.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 ); } /* www.uniegy.blogspot.com */
.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 ); }/* www.uniegy.blogspot.com */
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.uniegy.blogspot.com */
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.uniegy.blogspot.com */
</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='http://uinegy.googlecode.com/svn/wiki/uniegy_bloggerpagenavi.js' type='text/javascript'></script>
<!-- Stylish colored Numbered Page Navigation Widget For Blogger By UinEgy @ http://www.uniegy.blogspot.com -->
اضغط هنا للتحميل رابط مباشر لملف Text
للتعديل على الكود على حسب الراغبة
هذه تعنى عدد المواضع فى الرئيسية
var postperpage=5
وهذه تعنى عدد ارقام الصفحات فى الرئيسية
var numshowpage=9
4- ثم نضع الكود السابق هنا ونضغط على ( حفظ )
5- ثم نقوم بسحب الاداة ونضعها اسفل ( رسائل المدونة الإلكترونية )
![شرح اضافة "ترقيم الصفحات - Number pages blogger" مقدم من شرح اضافة "ترقيم الصفحات - Number pages blogger" مقدم من](https://lh3.googleusercontent.com/--zP-o92vHz8/T6Wu6D4d9NI/AAAAAAAAAcU/HK1m40fnrwU/s599/Page3.JPG)
6- سوف تكون معنا بهذا الشكل ان شاء الله
المصدر
شرح اضافة "ترقيم الصفحات - Number pages blogger" في مدونة بلوجر | يونى ايجى
![شرح اضافة "ترقيم الصفحات - Number pages blogger" مقدم من شرح اضافة "ترقيم الصفحات - Number pages blogger" مقدم من](https://lh3.googleusercontent.com/-cCqj5kjaHzY/T6Wu5FwlsAI/AAAAAAAAAcM/Czn-RyAUG8k/s400/Page.JPG)
و مبروك عليكم الاضافه
وانتظرونى فى الدرس القادم ان شاء الله
درسنا اليوم اضافه رائعه للمدونات
و هي اضافة هامة جدا ويحبث عنها الكثيرون من المدونين
وهى اضافة ترقيم صفحات البلوجر "المدونة"
اعرف ان الكثيرون بحثوا عن هذه الاضافة ولكن لاسف يتطرون دائما الى التعديل على القالب
ولكن لدى اليوم كود مختلف تماما ورائع فى نفس الوقت
اولا "مثال"
سوف يكون معنا بهذا الشكل ان شاء الله
طريقه التركيب
1-من لوحة البلوجر " نضغط على التخطيط"
2-ثم نضغط على " اضافة اداة "
3- ثم نضغط على (HTML/JavaScript إضافة )
كود الاضافة
رمز Code:
<!-- Stylish colored Navigation Widget For Blogger By UinEgy @ http://www.uniegy.blogspot.com --> <style type="text/css"> #blog-pager{padding:5px 0 !important;} .showpageArea {font-weight: bold;margin:5px;}/* www.uniegy.blogspot.com */ .showpageArea a {text-decoration:underline;color: #fff;}/* www.uniegy.blogspot.com */ .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 ); }/* www.uniegy.blogspot.com */ .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 ); } /* www.uniegy.blogspot.com */ .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 ); }/* www.uniegy.blogspot.com */ .showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.uniegy.blogspot.com */ .showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.uniegy.blogspot.com */ </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='http://uinegy.googlecode.com/svn/wiki/uniegy_bloggerpagenavi.js' type='text/javascript'></script> <!-- Stylish colored Numbered Page Navigation Widget For Blogger By UinEgy @ http://www.uniegy.blogspot.com -->
اضغط هنا للتحميل رابط مباشر لملف Text