U3F1ZWV6ZTExMjI1NjE2ODE2X0FjdGl2YXRpb24xMjcxNzA3NTMyMjc=

إضافة هل صليت على النبي ﷺ اليوم ؟

السلام عليكم ورحمة الله وبركاته زوانا الكرام اسعد الله اوقاتكم بكل خير.
لقد اعددت هذا الموضوع تحقيقاً لرغبة الأخ محمد بكر والذي نتناول فيه إضافة هل صليت على النبي اليوم ؟ .


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

شرح إنشاء قاعدة بيانات firebaseio :

الآن نقوم بالتوجه الى  حيث سننشئ أول قاعدة بيانات خاصة بنا وللأداة ..تابعو الصور..


نقوم بإنشاء أول مشروع لنا ..


نملء البيانات على الشكل التالي ..


نقوم بإختيار اي اسم من إنشائنا .

الخيار الثالث هو إمكانية دمج analytics google مع قاعدة البيانات تستطيع تشغيلها او تركها .
ننزل قليلاً في الصفحة ثم نجد الخيار التالي ..

ومن ثم ..


الأن ننتقل الى الخطوات المهمة ..

يجب إعطاء الصلاحية للتطبيق لحفظ المعلومات في قاعدة البيانات وذلك من خلال تبديل الشفرة null بالشفرة True ومن ثم الضغط على Enter كما موضح في الصورة ..


ثم تصبح هكذا...


ثم ننتقل الى الخطوة الموالية وبنفس الكيفية نقوم بالدخول الى rules وثم نببديل الشفرة False بالشفرة True ومن ثم الضغط على Publish ، كما في الصورة ..


حتى تصبح هكذا ..


الان نكون قد انتهينا من إنشاء قاعدة بيانات لتطبيقننا .

طريقة تركيب الاضافة :

  1. قم بتسجيل الدخول الى حسابك بلوجر .
  2. توجه الى التخطيط او التنسيق في التحديث الجديد .
  3. اختار المكان المناسب لوضع الأداة .
  4. نستعمل Ctrl + C للنسخ و Ctrl + V للصق .
  5. قم بتحميل السكربت من الزر في الأسفل 👇 .

الآن تعديل بسيط على السكربت قبل استعماله :

إبحث عن "هنا اسم قاعدة البيانات " وإستبدله بإسم قاعدة البيانات الخاصة بك .
بعد ذلك الصق الإضافة في اداة java script وقم بحفظها .

تم تصميم هذا السكربت من اجل الفائدة فقط بعيدا عن إستغلال الدين في مسائل ربحية

تعديل المشاركة
author-img

Mabrouk tec

    9 تعليقات
    إرسال تعليق
    • احمد عبدالله photo
      احمد عبدالله18 ديسمبر 2019 في 9:14 ص

      جميل جدا جعلها الله في ميزان حسناتك

      إرسال تعليقحذف التعليق
      • Suhi27 ديسمبر 2019 في 2:13 م

        بارك الله فيك

        إرسال تعليقحذف التعليق
        • بارك الله فيك أخي

          إرسال تعليقحذف التعليق
          • ياسين photo
            ياسين22 نوفمبر 2020 في 6:17 ص

            اداة ممتاز جدا وجميلة ما شاء الله ، وجزاك الله خيرا

            إرسال تعليقحذف التعليق
            • عروض photo
              عروض11 فبراير 2021 في 1:57 م

              جزاك الله كل خير
              بس سؤال أخي لو عاوز اغير لون الوميض المتحرك اللون الأصفر لغير لون ليناسب لون مدونتي ازاي اغيرو انا غيرت الالوان الباقية ولكن تبقى اللون المتحرك

              إرسال تعليقحذف التعليق
              • Mabrouk tec photo
                Mabrouk tec15 فبراير 2021 في 5:48 ص

                امين يارب :)
                بنسبة للون الشريط المتحرك هو موجودة في اكواد css و هو كذالك عبارة عن svg فقط ... ارسل لي الوانك التي تستخدمها و سأخصصه لك كما تشاء صديقي ..

                حذف التعليق
                • عروض photo
                  عروض17 فبراير 2021 في 12:55 م

                  مشكور صديقي انا غيرت الألوان كما قلت لك وبقي الشريط المتحرك وهذه الألوان المستخدمة وألف شكر لك
                  #114779
                  #6f8ec9

                  حذف التعليق
                  • Mabrouk tec photo
                    Mabrouk tec20 فبراير 2021 في 10:07 م

                    العفو

                    قم قط بتبديل اكواد الcss بالكود التالي :

                    .lovebutton-bloggerku { display: inline-block; text-align: center; margin: 5px 0; } .lovebutton-bloggerku .inner { text-align: center; display: inline-table; padding: 10px 20px 10px 20px; border: 3px solid #C31E48; border-radius: 5px; background: #C31E48; } .lovebutton-bloggerku a { background: #fff; border: 1px solid #aaa; display: inline-block; border-radius: 50%; width: 50px; height: 50px; cursor: pointer; float: left; overflow: hidden; margin-right: 10px; } .lovebutton-bloggerku .icon { padding-top: 13px; } .lovebutton-bloggerku svg { fill: #aaa; transition: all 0.2s; } .lovebutton-bloggerku a:hover svg { fill: #666; } .lovebutton-bloggerku a .active svg { fill: #F44336; } .lovebutton-bloggerku .total { line-height: 50px; font-size: 20px; display: inline;padding: 5px 20px 5px 20px; }
                    .mabrouk-tec{ background:linear-gradient(to left,#C31E48,#0D0D0D);border: 4px solid #e91e63;border-radius: 8px;padding: 15px;
                    border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cstyle%3Epath%7Banimation:stroke 5s infinite linear%3B%7D%40keyframes stroke%7Bto%7Bstroke-dashoffset:776%3B%7D%7D%3C/style%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%236f8ec9' /%3E%3Cstop offset='25%25' stop-color='%236f8ec9' /%3E%3Cstop offset='50%25' stop-color='%23114779' /%3E%3Cstop offset='100%25' stop-color='%23114779' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3' stroke-dasharray='388'/%3E %3C/svg%3E") 1}
                    .mabrouk { width: 100%; display: inline-block; text-align: center; margin: 5px 0;color: #fff; }

                    حذف التعليق
                    • عروض photo
                      عروض25 مارس 2021 في 1:22 م

                      ألف شكر جزاك الله كل خير

                      حذف التعليق
                    الاسمبريد إلكترونيرسالة

                    google-playkhamsatmostaqltradent