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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف 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

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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