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

اذهب الى الأسفل

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

مُساهمة من طرف Admin في السبت يونيو 11, 2016 2:14 am

السلام عليكم ورحمة الله وبركاته  What a Face

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

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

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

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



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



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



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


كود PHP:
الكود:
<!--  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- نضع الكود في مربع الاضافة الجديدة اللي تم انشأئها ونكتب اسم للاضافة كما بالصورة



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



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

Admin
Admin

المساهمات : 55
تاريخ التسجيل : 10/06/2016

معاينة صفحة البيانات الشخصي للعضو http://tgm3.a7larab.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى