أسهل طريق لإضافة ترقيم الصفحات بشكلين - عالم المدون

الثلاثاء، 3 مايو، 2016

أسهل طريق لإضافة ترقيم الصفحات بشكلين


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


شرح التركيب

1- قم بالبحث فى قالب مدونتك عن الوسم </head> ثم قم بوضع الكود الشكل الذى تريد فوقه ( قبلة ) .

الشكل الأول



<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* Page Navigation */
#blog-pager{background:#2d3141;clear:both;width:auto;padding:22px;line-height:normal;position:relative;display:block;text-align:left;overflow:visible;margin:20px 0 5px 0}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{background:rgba(255,255,255,.1);display:inline-block;font-size:13px;color:rgba(255,255,255,.8);padding:5px 10px;margin:0 2px 0 0;border-radius:2px;transition:all .3s}
.showpage a:hover,.showpageNum a:hover,.showpagePoint:hover{background:rgba(0,0,0,0.2);color:#fff;position:relative;}
.showpagePoint{background:#70c3eb;color:#fff;z-index:200;position:relative;}
@media screen and (max-width:640px) {
#blog-pager {padding:12px;}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{margin:0 2px 2px 0}}
@media screen and (max-width:320px) {
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{padding:3px 6px}}
</style>
</b:if>
</b:if>


الشكل الثانى




<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* Page Navigation */
#blog-pager{background:#fff;clear:both;width:auto;padding:22px;line-height:normal;position:relative;display:block;text-align:left;overflow:visible;margin:20px 0 5px 0}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{position:relative;background:#fff;display:inline-block;font-size:13px;color:rgba(0,0,0,.8);padding:5px 8px;margin:0 4px 0 0;box-shadow:0 1px 4px 1px rgba(0,0,0,0.1);border-radius:2px;transition:all .3s}
.showpageNum a:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 -2px 2px rgba(0,0,0,0.02);transition:box-shadow 0.5s}
.showpage a:hover,.showpageNum a:hover,.showpagePoint:hover{background:rgba(0,0,0,0.03);color:#333;position:relative;}
.showpagePoint{background:#2980b9;color:#fff;}
@media screen and (max-width:640px) {
#blog-pager {padding:12px;}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{margin:0 2px 2px 0;box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);}}
@media screen and (max-width:320px) {
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{padding:3px 6px}}
</style>
</b:if>
</b:if>

2- الأن مع الكود الخاص بأظهار الترقيم قم بالبحث فى قالب مدونتك عن الوسم </body> ثم قم بوضع الكود التالى فوقه ( قبلة )

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=2;var numshowpage=3;var upPageWord ='السابق';var downPageWord ='التالى';var urlactivepage=location.href;var home_page="/";
/*]]>*/
</script>
<script src='https://cdn.rawgit.com/Arlina-Design/redvision/master/unlipage.js' type='text/javascript'/>
</b:if>

وهذا كل شئ فى موضوع اليوم اذا واجهتك اى مشكلة فى تركيب الإضافة او تريد التعديل على اى شئ ، فباب التعليقات مفتوح لا تتردد ! وادعمنا بمشاركة التدوينة ليستفيد منها الجميع :)

شارك الموضوع ليستفيد الجميع

مواضيع مهمه ايضا سوف تعجبك

  • اضافة تعليق
  • 12 تعليق على موضوع : أسهل طريق لإضافة ترقيم الصفحات بشكلين

    اضافة اكتر من رائعة ومهيمة جيدا اللمدونات شكراا الك عاليها اخي عبدو اتمنى الك توفق في مسيرتك انشاء الله

    يسعدنى كثيرا هذا الكلام اخى الكريم وانت تواصل دعمك للمدونة شكرا لك ايضا
    وبالتوفيق لك انت ايضا فى تقدمه

    عندي مشكلة في الترقيم لم يظهر رغم استعمالي لهذه الأكواد
    http://www.arabtor.com

    السلام عليكم اخى
    انت تستخدم قالب المخترف الذى قمت بتصميمه
    وهناك طريق شرحتها فى موضوع خاص لكيفة تركيب الترقيم لقالب المحترف
    هذا هو http://wdbloog.blogspot.com/2016/04/blog-post_25.html

    السلام عليك أخي عذرا على الإزعاج فأنا قمت بجميع الخطوات ولم تظهر الترقيمات وأكثر من يومين وأنا أبحث وشاهدت العديد من الفيديوات ونفس المشكلة في الترقيم والمشكلة لا أريد أن أضيع القالب
    رابط المدونة: http://www.arabtor.com

    تم الرد عليك فى الموضوع الخاص بترقيم الصفحات لقالب المحترف
    http://wdbloog.blogspot.com/2016/04/blog-post_25.html

    اخي ادا كان ممكن ان تعطيني القالب مضاف به هده الاضافات وشكرا هدا هو ايميلي imad.aabour1@gmail.com

    اخى ان كنت تقصد قالب المحترف فعليك طلبه أما فى الموضوع الخاص به أو فى الموضوع الخاص بترقيم الصفحات للقالب أو فى صفحة ركن الأسئلة

    اخي انا قمت بجميع الخطوات ولم تظهر الترقيمات .ارجو الرد .
    http://www.mohtarif-fi-shoro7at.com

    اخي لم تظهر معي
    رابط المعاينة
    https://web-four.blogspot.com

    أذا لم تظهر معك هذه يدل على أن يوجد فى قالب مدونتك اكواد
    تمنع ظهور الترقيم
    اذا قمت بالتجربة على قالب لم يتم التعديل عليها سوف يتعمل

    يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع
    الأبتساماتأخفاء الأبتسامات

    جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر