إضافة ترقيم الصفحات لقوالب بلوجر

إضافة ترقيم الصفحات لقوالب بلوجر

يوجد الآن مشاهدة التعليقات : 33

الموضوع

اقرأ ايضًا

التعليقات

عن الكاتب

تعليمات

مرحبا بكم متابعينا الأعزاء، أود أن أتطرق في هذه التدوينة إلى إضافة ترقيم الصفحات لقوالب بلوجر بشرح مبسط هناك بعض القوالب تتوفر على تنقل صفحات افتراضي أي "المشاركات التالية والسابقة" كالتي بقالب بداية نقطة وفي بعض الأحيان فهي قد لا تنفع الزائر إذ كان يريد التنقل بين الصفحات بشكل سريع مما يطرح السؤال هل هذا يجعل الزائر ترك موقعك؟ بالطبع لا فهناك طرق مغايرة للوصول إلى التدوينات... فلنتحدث عن مميزات هاته الإضافة وهي الأفضل والأمثل من كل إضافة ترقيم الصفحات بحيث لها منظر بسيط وفي نفس الوقت يلائم أي قالب ويمكن تغيير اللون بسهولة تامة كما أنها تذكر عدد الصفحات المتواجدة وخفيفة فلنعاين الإضافة مباشرة وننتقل للشرح

شرح طريقة التركيب
1. إبحث عن </body> وضع الكود التالي فوقه
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=8;var numshowpage=3;var upPageWord ='الصفحة السابقة';var downPageWord ='الصفحة التالية';var urlactivepage=location.href;var home_page="/";
/*]]>*/
</script>
<script src='https://googledrive.com/host/0B0LkZloPKBfWb2Vjbkk3LWxVVzQ' type='text/javascript'/>
</b:if>
* لتغيير عدد ظهور المواضيع في الصفحة غير المحدد بالبرتقاي "8" بما يناسبك
2.ابحث عن ]]></b:skin> وضع الكود التالي فوقه أو ضعه بين <style> </style> فوق </head>
/* Page Navigation Ar1web.com */
#blog-pager{clear:both;display:inline-block;overflow:visible;width:auto;background-color:#fff;margin:40px 0 20px 20px;border:1px solid #EAEAEA;padding:0;text-align:right;line-height:normal;font-size:13px;font-weight:400;;}
.showpageOf{display:inline-block;font-size:90%;padding:7px 12px;vertical-align:top;line-height:20px;}
.showpagePoint{background:#30a8e6;color:#fff;display:inline-block;vertical-align:top;line-height:20px;padding:7px 12px;margin:0;font-size:14px;text-align:center;border-right:1px solid #f0f0f0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);transition:initial}
.showpage a,.showpageNum a{display:inline-block;vertical-align:top;line-height:20px;padding:7px 12px;margin:0;font-size:14px;text-align:center;border-right:1px solid #f0f0f0;transition:color .3s}
.showpage a:hover,.showpageNum a:hover{background-color:#fefefe;color:#454545;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);transition:color .3s}
* لتغيير اللون الأزرق فكوده محدد بالبرتقالي #30a8e6
ملحوظة:

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻

هناك 33 تعليقًا:

  1. بعد اذن حضرتك لزاي اغير صورة الخلفية في قالب وجهات أثنان
    https://scontent-cai1-1.xx.fbcdn.net/hphotos-xfp1/v/t34.0-12/12177779_436054123265445_697243748_n.jpg?oh=a1e027ac4f2b33c959c3a294dd4f97e9&oe=5629E8C0

    ردحذف
  2. سؤال اخر اخي الكريم هل إضافة ترقيم الصفحات لقوالب بلوجر يمكن انا تظهر في الصفحة الرئيسيه في المدونة ام لا وشكر ؟؟؟

    ردحذف
    الردود
    1. الترقيم خاص لصفحة الرئيسية وليس للمواضيع.
      لتغيير صورة كوفر وجهات ابحث عن هذه:
      http://2.bp.blogspot.com/--ws5pMjnpzA/VJE6NUaSVxI/AAAAAAAAAUw/lTQ_KTG21jc/s1600/header-bg.jpg

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

      حذف
  3. عاشت ايدك حسام ياوردة بس اريد طلب ولاتخجلني اريد طريقة تجعل القالب يعدم الارشفة وعمل قائمة منسدلة مثل قالب رسالتي 1
    عندي خط الايقونات عندي الشرح الي انت قدمته في مدونة عرب ويب شرح عمل خطوط الايقونات بس القائمة ما اعرف وشكرا لك

    ردحذف
    الردود
    1. يعدم الأرشفة؟؟ لم أفهم قصدك
      ستجد القائمة هنا : http://cssdeck.com/labs/soothing-css3-dropdown-animation

      حذف
  4. السلام عليكم اخي . تسلم على الموضوع

    اريد ان اشتري قالب لمدونتي .. و اريده من تصميمك و بمقابل ثمن مقبول

    في انتظار رايك

    ردحذف
    الردود
    1. عليكم السلام أخي للأسف أعمل عملا حر لا أصمم للعملاء ... يمكنك مراجعة قالب وجهات 3 إذ أعجبك
      http://www.ar1web.com/2015/05/wejhat-v3.html

      حذف
  5. جميل اخي حسام : موفق
    اريد منك ان تعمل درس لكيفية رفع خط الى النت واستعماله في البلوجر
    اي انا اتوفر على خط واريد ان استعمله في مدونتي مذا يتوجب علي ان افعل

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

      حذف
  6. حبيبي حسام قصدي يعني القالب سريع الارشفة با الاكواد وما هية الاكواد كود الميطة او الميتاج بقالب بداية نقطة هوة جيد هل فهمت قصدي ياطيب انت

    ردحذف
    الردود
    1. نعم هي متواجدة به ستجد أنني وضحتها بأول الفيديو في الشرح

      حذف
  7. تسلم ياوررررررررررررررررررررررررررررردة حسام احله عرب ويب اخر طلب ولو تعبتك اريد اضافة دخول الموضوع من الضغط على الصور بدل اقرء المزيد حبيبي اخر شي وتسلم على الرد ياوردة تحياتي الك

    ردحذف
  8. ازاى اضيف الادة فى قالب وجهات النسخة الثانية بحاول اضيفة لكن مش راضى يظهر فى المدونة

    ردحذف
    الردود
    1. القالب به صفحات مرقمة

      حذف
  9. iHus sam
    لا يا اخى لا يوجد ترقيم لصفحات
    لو عاوز تشوف المدونه اوريهالك

    ردحذف
  10. شكرا على موضوعك
    قمت بإتباع الشرح وظهر الترقيم
    لكن عندما أضغط على أقسام المدونة لا يظهر الترقيم بمعنى أنه يظهر إلا في الصفحة الرئيسية من فضلك هل من حل؟

    ردحذف
    الردود
    1. سيتم وضع طريقة اخرى مع كود جديد في تدوينة سأطرحها قريبا لأنها تتطلب شرح
      (الترقيم سيظهر بعد أن تضغط على رسائل أقدم)

      حذف
  11. السلام عليكم ورحمة الله
    هل نزل موضوع (الترقيم سيظهر بعد أن تضغط على رسائل أقدم)

    لان الاقسام لايوجد بها الا صفحة واحد

    ردحذف
  12. عليكم السلام
    لا اخي، اذا نزل ستجده بأول الصفحة

    (لان الاقسام لايوجد بها الا صفحة واحد) قم بوضع رابط القسم هكذا :
    href='http://www.ar1web.com/search/label/هنا التسمية?max-results=8'
    حتى يتم عرض عدد مواضيع محددة غير 8 بما يناسبك

    ردحذف
  13. السلام عليكم

    هل أستطيع وضع 500
    وهل تكون ثابتة دائما

    ردحذف
    الردود
    1. عليكم السلام اخي
      500! كثير قم بالتجربة

      حذف
  14. شكرا على مساعدتك,
    لكن عليك وضع رابط القسم هكذا:
    http://www.ar1web.com/search/label/التسمية هنا?&maxresults=8
    ثم ضع لهذا الclass:
    .status-msg-wrap
    display:none
    وسيتم حل للمشكلة إنشاء الله تعالى...سلآم

    ردحذف
  15. لم يزل صالح :O تم حدفح او شيء من هدا القبيل هههه سوف يدمر العديد من المدوناة :'( و لقد دمرني #عرب_تيش https://googledrive.com/host/0B0LkZloPKBfWb2Vjbkk3LWxVVzQ !!

    ردحذف
  16. انا بحثت عن body اضع الكود فوقه او اسفله

    ردحذف
  17. اخي جربت هذه الطريقة وطرق اخرى ولم يزهر الترقيم , ارجوك اريد مساعدة

    ردحذف
  18. مش شغال اخى على قالب اتقان النسخة التانية لية ؟؟

    ردحذف
  19. ههههه الجميع يعرف كثرة الاكواد تثقل المدونة نريد الترقيم الاصلي فقط وساعمل جاهل علي استرجاعه الاضفات الغير ضرورية لانحتاجها

    ردحذف
  20. عندي نقاط تظهر بعد الكلام اريد ازالتها

    ردحذف
  21. السلام عليكم اخى
    الحمد لله الترقيم شغال بعد ما كان معلق او مهنج فى الصفحة الرئيسية
    لكن الآن داخل التسميات الترقيم يعلق عند الضغط على الصقحة رقم 2 وهكذا ولا يقوم بالإنتقال للصقحة التالية مهما طال التعليق

    ردحذف
  22. الترقيم لا يمكن ان يشتغل لان السكريبت مستضاف على غوغل درايف

    ردحذف
  23. لوسمحت اخى حسام لدي مدونة للبرامج المهم انى عملت ترقيم الصفحات فى الرئيسية 24 وفى باقى الصفحات بردو 24 كان كويس جدا لحد ما عدد التدوينات زاد وتوقف الترقيم على الصفحة رقم 7 ولا يريد ان يتحرك
    فهل هناك طريقة لزيادة عدد الصفحات او جعلها لانهائية ام انها محدودة ولا تزيد عن ذلك ؟ بانتظار ردك الكريم ولك جزيل الشكر والتقدير

    ردحذف
  24. اخي اريد مثل هذي لكن لتغيير الصفحات داخل تدوينة واحدة يعني اريد في تدوينة واحدة عدة صفحات كيف وهل هذا ممكن بزر NEXT

    ردحذف

عن الكاتب :

إرشادات

    تحميل الملفات

    نستخدم بمدونتنا مواقع مختلفة في رفع الملفات ونوفر منها إثنان:
  • موقع : Mediafire
  • موقع :file-upload
  • باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
  • تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
  • كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
  • إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
  • أين تجدنا؟

    بعيدا عن الصفحات المزورة أو المزيفة التي يحاول البعض من خلالها استغلال جهود فريق عمل عرب ويب، هذه هي حساباتنا وصفحاتنا الرسمية في الشبكات الاجتماعية، لا نمتلك سوى هذه الصفحات والحسابات وهي الوحيدة التي تتبع للمدونة : https://www.instagram.com/ar1web

    كلمة الختام

    في مدونة عرب ويب نسعى دوما جاهدين للتحسن والتقدم وليس ما تراه هو حدودنا! ونحن نقدر كثيرا زوارنا وآراؤهم فإن كان لديك أي اقتراح/نصيحة/ومضة مفيدة/نقد بناء أو ما إلى ذلك يمكنك مشاركتنا كل ما في جعبتك من خلال الإتصال بنا : istoretech3@gmail.com
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم