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


المعاينة المباشرة للإضافة

مميزات هذه الإضافة

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


ماذا تحتاج لتضمين هذه الإضافة في مدونتك؟

لانحتاج سوى شيئين أساسيين الأول قاعدة بيانات لتخزين المعلومات وهو ما سنقوم به بالإستعانة بمنصة firebase  والأمر الثاني الذي نحتاجه هو كود الأداة ...أي هما مرحلتين وسنبدأ مع :


مرحلة إنشاء قاعدة بيانات على موقع firebase

ليكن في العلم أن إنشاء قاعدة بيانات على موقع Firebase يشترط إنشاء حتى 5 قواعد بيانات لحساب واحد ..أي بمجرد التوجه إلى موقع firebase.google.com ثم التسجيل من خلال حساب Gmail الخاص بك   ستتمكن من إنشاء قاعدة بيانات خاصة بسجل التعليقات.
check_circle
ملاحظة..بما أن منصة Firebase قامت بتحديث واجهة المستخدم إضطررنا لنشر تدوينة مستقلة حول كيفية إنشاء معرف تطبيق firebase من خلال واجهة المستخدم الجديدة 2020..راجع الشرحمن هنا..مع العلم أنه إذا سبق وأنشأت معرف تطبيق فلاداعي لإعادة ذلك لأنه يمكنك إستخدامه مع هذه الإضافة دون مشاكل.

مرحلة تركيب الإضافة في المدونة

الخطوة الأولى - إنشاء الصفحة و تركيب الأكواد

  • قم بتسجيل حسابك ثم إذهب إلى منصة البلوجر dashboard
  • إنتقل للمدونة >> ثم إلى الصفحات >> صفحة جديدة >> ثم إنتقل إلى تبويب  HTML  
  • ستقوم أولا بتعطيل صندوق التعليقات من على الصفحة الجديدة وذلك بالضغط على خيارات ثم حدد على الخيار عدم السماح، إخفاء التعليقات الحالية كما في الصورة
  • بإستعمال  الزر  C +Ctrl  للنسخ و  V +Ctrl  للصق قم بوضع الكود التالي داخل حقل الصفحة

<div id="guestbook">
  <div class="row">
    <div class="col s12 m12 l5">
      <div class="card blue-grey darken-1">
        <div class="card-title">
          <div class="advertisementblogcode01">
          </div>
          <h5>
            <i aria-hidden="true" class="fa fa-heart"></i>
            مرحبا بكم في سجل الزوار
          </h5>
        </div>
        <div class="card-content white-text">
          <b>
            تم إنشاء هذه الصفحة خصيصا لزوارنا ومتابعينا الأفاضل ليدلو بأرائهم حول هذه المدونة وترك إنطباع نتشرف بعطره
            <br />
            ها أنت ذا!..فاكتب كيف تجد المدونة ؟.. نحتاج نصيحتك ؟.. أواكتب ان شئت نقدك ؟ المهم نحافظ على العرف والأصول
          </b>
          <br />
          <div class="item-general-info">
            <h1>
              يشرفنا رأيكم، لكن يرجى مراعاة الشروط التالية:
            </h1>
            <dl>
              <dt>
                يرجى كتابة عبارات مفهومة باللغة العربية تصف المحتوى
              </dt>
              <dt>
                تجنب وضع روابط أو عبارات إشهارية
              </dt>
              <dt>
                عدم وضع أكثر من تعليق واحد
              </dt>
              <dt>
                رجاءا إذا لاحظت أي إنتهاك يرجى إستعمال زر التبليغ
              </dt>
            </dl>
          </div>
        </div>
      </div>
      <div class="panel-heading">
        <h3>
          لا تتردد في ترك بصمتك أدناه!
        </h3>
      </div>
      <form id="form">
        <label for="form__name">
          <i aria-hidden="true" class="fa fa-user-circle-o"></i>
          الإسم الكريم (ضروري)
        </label>
        <input id="formname" name="name" placeholder="أكتب الإسم..." required="required" type="text" />
        <br />
        <label for="form__email">
          <i aria-hidden="true" class="fa fa-at"></i>
          البريد الإلكتروني (إختياري)
        </label>
        <input id="formemail" name="email" placeholder="أدخل بريدك الإلكتروني..." type="email" />
        <br />
        <label for="form__message">
          <i aria-hidden="true" class="fa fa-commenting"></i>
          عبر عن رأيك (ضروري)
        </label>
        <textarea id="formmessage" name="message" placeholder="أكتب تعليقك..." required="required" type="text"></textarea>
        <br />
        <input onclick="" type="submit" value="إرسال التعليق" />
      </form>
      <div id="messageLog">
      </div>
    </div>
    <div class="col s12 m12 l7 messages">
      <div class="light-table-filter-search">
        <input class="light-table-filter" data-table="order-table" placeholder="أدخل أية حروف دلالية..." type="search" />
      </div>
      <div class="card blue-grey darken-1">
        <div class="card-content white-text">
          <span class="card-title">
            <table class="order-table">
              <tbody id="messageDiv">
              </tbody>
            </table>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>
<style type="text/css">
/*<![CDATA[*/
#guestbook{background-color:#eaeaea;position:relative;overflow:hidden;display:block;margin:0 auto;padding:20px;max-width:1280px;width:100%;}
#guestbook .row{margin-left:-0.75rem;margin-right:-0.75rem;}
#guestbook .row .col.s12{width:100%;margin-left:auto;left:auto;right:auto;}
#guestbook .row .col{position:relative;float:right;box-sizing:border-box;padding:0 0.35rem;}
#guestbook .card{background-color:#ffffff!important;}
#guestbook .blue-grey.darken-1{max-height:900px;overflow:auto;}
#guestbook .card .card-content{padding:10px;border-radius:0 0 2px 2px;background-color:white;text-align:right;}
#guestbook .card .card-content .card-title{line-height:48px;}
#guestbook .row .col.l5 .card-title{padding:15px;font-weight:300;overflow:hidden;position:relative;display:block;background-color:#f79029;text-align:right;}
/*===white-text===*/
#guestbook .card-content.white-text{position:relative;overflow:hidden;display:block;}
#guestbook .item-general-info{color:#777;padding:0;margin:0;display:block;overflow:hidden;position:relative;}
#guestbook .item-general-info dl dt{position:relative;text-align:right;font-size:11px;list-style:none;}
#guestbook .item-general-info dl dt:before{content:"\f00c";font:normal normal normal 14px/1 FontAwesome;position:relative;z-index:2;color:#bbbbbb;margin-left:5px;padding:0.5em;background-color:#eaeaea;display:inline-block;text-align:center;}
/*===card-panel===*/
#guestbook .card-panel{background-color:#eaeaea!important;position:relative;color:#656565!important;font-size:17px;display:block;font-weight:700;padding:10px;margin:0.5rem 0 1rem 0;text-align:right;}
#guestbook .card-panel span{display:block;font-size:14px;color:#656565!important;line-height:normal;}
#guestbook .card-panel i,#guestbook .card-panel em{font-size:30px;margin:0 10px;color:#f79029;}
#guestbook .card-panel em{font-size:17px;font-style: italic;}
#guestbook table.order-table,#guestbook tbody#messageDiv{width:100%;}
/*===tools===*/
.input-field{position:relative;margin-top:1rem;}
:focus{outline:0;}
input,input:hover,input:active,input:focus:active,textarea:focus{outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
label,select,button,.btn,input[type="radio"],input[type="checkbox"],input[type="button"],input[type="submit"]{cursor:pointer;}
#guestbook input:not([type]),#guestbook input[type=text], #guestbook input[type=password], #guestbook input[type=email], #guestbook input[type=url], #guestbook input[type=time], #guestbook input[type=date], #guestbook input[type=datetime-local], #guestbook input[type=tel], #guestbook input[type=number], #guestbook input[type=search], #guestbook input[type="submit"], #guestbook textarea{resize:vertical;position:relative;background-color:#FFFFFF;border:none;border-bottom:3px solid #e0e0e0;outline:none;height:3.6rem;width:100%;font-size:1rem;font-weight:700;margin:0 0 15px 0;padding:0;box-shadow:none;box-sizing:content-box;transition:all .3s;line-height:normal;color:inherit;font:inherit;text-indent:15px;}
#guestbook #form label{text-align:right;width:100%;display:block;margin:0;background-color:#f79029;color:white;font-weight:700;padding:0 5px;text-indent:5px;}
#guestbook #form input[type="submit"]{background-color:#f79029;color:#ffffff!important;border:1px solid transparent;font-weight:700;}
#guestbook #form input[type="submit"]:hover{background-color:#dcdcdc;}
/*===filter-search===*/
#guestbook .light-table-filter-search{position:relative;overflow:hidden;margin:0;margin-bottom:10px;}
#guestbook .light-table-filter-search input.light-table-filter{margin: 0!important;}
/*===h3 + h5===*/
#guestbook h1{background:none;font-weight:700;text-align:right;padding:5px;margin:14px 0;border-right:3px solid #bbbbbb;color:#f79029;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:right;font-size:14px;line-height:normal;}
#guestbook h3{font-size:1.2em;background-color:#ffffff;color:#f79029;display:block;border:1px solid #ffffff;padding:7px;text-align:center;}
#guestbook h5{background:none;color:#FFFFFF;font-weight:700;font-size:1em;line-height:normal;margin:0;padding:0;}
#guestbook b{margin:0 5px;color:#777;font-size:13px;text-align:right;line-height:normal;font-weight:normal;}
/*===message Log===*/
#guestbook #messageLog p{text-align:center;font-size:11px;padding:8px 5px;color:#000000;}
#guestbook #messageLog p.success{background-color:#e2eeec;}
#guestbook #messageLog p.error{background-color:#fff1e5;}
/*===loading animations===*/
.gb-loader *{display:none!important;}
.gb-loader.owl-margin{margin:2em auto;}
.gb-loader{position:relative;overflow:hidden;padding:0!important;width:auto;height:50px;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.gb-loader:before,.gb-loader:after{content:"";display:block;width:25px;height:25px;border-width:2px;border-style:solid;border-color:#cecece;margin:0 auto;font-size:10px;position:absolute;left:0;right:0;}
.gb-loader:after{border-left-color:#f79029;-webkit-animation:loadercall 1.1s infinite linear;animation:loadercall 1.1s infinite linear;}
@-webkit-keyframes loadercall{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes loadercall{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
/*===:before +:after ===*/
*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#guestbook h3:before,.light-table-filter-search:after{font:normal normal normal 14px/1 FontAwesome;}
#guestbook h3:before{content:"\f27b";font-size:1.2em;position:relative;color:#f79029;margin:8px;}
.light-table-filter-search:after{content:"\f002";font-size:1em;position:absolute;text-align:center;top:0;left:0;height:100%;width:50px;line-height:3.5em;z-index:9;color:#FFFFFF;background-color:#f79029;}
/*=== advertisemen CSS/style 01 + add ===*/
.advertisementblogcode01{position:absolute;overflow:hidden;display:inline-block;top:0;left:0;margin:5px;}
.advertisementblogcode01 a{width:40px;height:40px;padding:5px;margin:5px;position:relative;color:#FFFFFF;background:#f79029;font-size:1.1rem;text-transform:uppercase;font-weight:700;display:inline-flex;justify-content:center;align-items:center;line-height:1;vertical-align:baseline;text-align:center;cursor:pointer;z-index:2;}
.advertisementblogcode01:after{pointer-events:none;content:'';position:absolute;width:100%;height:100%;top:0;right:0;background:rgba(0,0,0,.1);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);}
.advertisementblogcode01 a:before{display:none;}
.advertisementblogcode01:hover:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.advertisementblogcode01 a,.advertisementblogcode01:after, .gb-loader:before, .gb-loader:after{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;}
/* transition */
.advertisementblogcode01 a,.advertisementblogcode01:after{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
/*===border===*/
#guestbook .row .col.l5 .card-title,.light-table-filter-search:after,#guestbook #form label{border-bottom:3px solid rgba(0,0,0,0.09);}
/*===border-radius===*/
label,#guestbook h1,#guestbook h3,#guestbook h5{border-radius:0;-o-border-radius:0;-ms-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
#guestbook #form input,#guestbook #form textarea{border-radius:0 0 .25em .25em;-o-border-radius:0 0 .25em .25em;-ms-border-radius:0 0 .25em .25em;-moz-border-radius:0 0 .25em .25em;-webkit-border-radius:0 0 .25em .25em;}
#guestbook .card-panel,#guestbook #form input[type="submit"]{border-radius:.25em;-o-border-radius:.25em;-ms-border-radius:.25em;-moz-border-radius:.25em;-webkit-border-radius:.25em;}
/*===box-shadow===*/
#guestbook .card .card-content{-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.1);-ms-box-shadow:0 1px 4px rgba(0,0,0,0.1);-o-box-shadow:0 1px 4px rgba(0,0,0,0.1);box-shadow:0 1px 4px rgba(0,0,0,0.1);}
/*===Page Responsive===*/
@media only screen and (min-width:601px){#guestbook .row .col.m12{width:100%;margin-left:auto;left:auto;right:auto;}}
@media only screen and (min-width:993px){#guestbook .row .col.l5{width:41.6666666667%;margin-left:auto;left:auto;right:auto;}#guestbook .row .col.l7{width:58.3333333333%;margin-left:auto;left:auto;right:auto;}}
/*]]>*/
</style>
<script src='//cdn.firebase.com/v0/firebase.js' type='text/javascript'></script>
<script>
//<![CDATA[
var parameters = {
   uri: 'https://ID.firebaseio.com/',
   mail: 'example@gmail.com',
   word: [
   'يقول',
   'التبليغ عن مشكل',
   'أكتب رسالتك هنا...',
   'صفحة المصدر',
   'خطأ..نقص في البيانات',
   'شكرا..تم الإرسال بنجاح'
   ]
 };
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('n $G=$(\'\\y\\c\\5\\6\\7\'),$H=$(\'\\y\\7\\0\\4\\4\\1\\e\\0\\Y\\8\\o\'),$Z=$(\'\\I\\1\\b\\o\\0\\6\\2\\8\\4\\0\\7\\0\\9\\2\\s\\3\\5\\e\\a\\5\\b\\0\\z\\N\'),$J=$(\'\\y\\7\\0\\4\\4\\1\\e\\0\\K\\5\\e\'),$O=\'\\e\\s\\r\\3\\5\\1\\b\\0\\6\',$P=1n 1o(B[\'\\p\\6\\8\']);l t(10){11 B[\'\\v\\5\\6\\b\'][1p(10-Q)]}$H[\'\\1\\b\\b\\w\\3\\1\\4\\4\']($O);L(B[\'\\7\\1\\8\\3\']&&B[\'\\7\\1\\8\\3\']!=1q){n 12=\'\\j\\2\\2\\f\\4\\R\\m\\m\\7\\1\\8\\3\\I\\e\\5\\5\\e\\3\\0\\I\\a\\5\\7\\m\\7\\1\\8\\3\\m\\1r\\p\\8\\k\\13\\A\\o\\8\\0\\v\\k\\a\\7\\A\\c\\4\\k\\N\\A\\2\\c\\k\\N\\A\\2\\5\\k\'+B[\'\\7\\1\\8\\3\']+\'\\A\\4\\p\\k\'+t(14)+\'\\A\\s\\5\\b\\u\\k\'+t(1s)+\'\\I\\C\\z\\D\\C\\z\\D\\d\\d\\d\\d\\d\\d\\d\\d\\d\\d\\d\\d\\d\\d\\d\\d\\d\\d\\C\\z\\D\'+t(1t)+\'\\R\\C\\13\\z\'+1u[\'\\3\\5\\a\\1\\2\\8\\5\\9\'][\'\\j\\6\\0\\c\']+\'\\C\\z\\D\';$Z[\'\\j\\2\\7\\3\'](\'\\g\\1\\q\\j\\6\\0\\c\\k\\h\'+12+\'\\h\\q\\6\\0\\3\\k\\h\\9\\5\\c\\5\\3\\3\\5\\v\\h\\q\\2\\1\\6\\e\\0\\2\\k\\h\\d\\s\\3\\1\\9\\15\\h\\q\\2\\8\\2\\3\\0\\k\\h\'+t(14)+\'\\h\\i\\g\\8\\q\\a\\3\\1\\4\\4\\k\\h\\c\\1\\q\\c\\1\\r\\0\\S\\a\\3\\1\\7\\1\\2\\8\\5\\9\\r\\2\\6\\8\\1\\9\\e\\3\\0\\h\\i\\g\\m\\8\\i\\g\\m\\1\\i\')}$G[\'\\4\\p\\s\\7\\8\\2\'](l(16){16[\'\\f\\6\\0\\o\\0\\9\\2\\Y\\0\\c\\1\\p\\3\\2\']();n T=$(\'\\y\\c\\5\\6\\7\\9\\1\\7\\0\')[\'\\o\\1\\3\']();n 17=$(\'\\y\\c\\5\\6\\7\\0\\7\\1\\8\\3\')[\'\\o\\1\\3\']();n U=$(\'\\y\\c\\5\\6\\7\\7\\0\\4\\4\\1\\e\\0\')[\'\\o\\1\\3\']();L(T&&U){$P[\'\\f\\p\\4\\j\']({\'\\9\\1\\7\\0\':T,\'\\0\\7\\1\\8\\3\':17,\'\\7\\0\\4\\4\\1\\e\\0\':U});$G[18][\'\\6\\0\\4\\0\\2\']();$J[\'\\j\\2\\7\\3\'](\'\\g\\f\\q\\a\\3\\1\\4\\4\\k\\h\\4\\p\\a\\a\\0\\4\\4\\h\\i\'+t(1v)+\'\\g\\m\\f\\i\')}1w{$J[\'\\j\\2\\7\\3\'](\'\\g\\f\\q\\a\\3\\1\\4\\4\\k\\h\\0\\6\\6\\5\\6\\h\\i\'+t(1x)+\'\\g\\m\\f\\i\')}});$G[\'\\a\\3\\8\\a\\15\'](\'\\8\\9\\f\\p\\2\',l(){$J[\'\\j\\2\\7\\3\'](\'\')});L($H[\'\\3\\0\\9\\e\\2\\j\']>18){$P[\'\\5\\9\'](\'\\a\\j\\8\\3\\b\\d\\1\\b\\b\\0\\b\',l(19){n V=19[\'\\o\\1\\3\'](),1a=\'\\g\\2\\6\\i\\g\\2\\b\\q\\a\\3\\1\\4\\4\\k\\h\\a\\1\\6\\b\\r\\f\\1\\9\\0\\3\\h\\i\\g\\8\\q\\a\\3\\1\\4\\4\\k\\h\\c\\1\\q\\c\\1\\r\\4\\7\\8\\3\\0\\r\\5\\h\\i\\g\\m\\8\\i\'+V[\'\\9\\1\\7\\0\']+\'\\g\\0\\7\\i\'+t(Q)+\'\\R\\g\\m\\0\\7\\i\\g\\4\\f\\1\\9\\i\'+V[\'\\7\\0\\4\\4\\1\\e\\0\']+\'\\g\\m\\4\\f\\1\\9\\i\\g\\m\\2\\b\\i\\g\\m\\2\\6\\i\';$H[\'\\f\\6\\0\\f\\0\\9\\b\'](1a)[\'\\6\\0\\7\\5\\o\\0\\w\\3\\1\\4\\4\']($O)})}(l(E){\'1y 1z\';n 1b=l(F){n M;l 1c(1d){M=1d[\'\\2\\1\\6\\e\\0\\2\'];n 1e=E[\'\\e\\0\\2\\x\\3\\0\\7\\0\\9\\2\\4\\W\\u\\w\\3\\1\\4\\4\\1f\\1\\7\\0\'](M[\'\\e\\0\\2\\D\\2\\2\\6\\8\\s\\p\\2\\0\'](\'\\b\\1\\2\\1\\r\\2\\1\\s\\3\\0\'));F[\'\\c\\5\\6\\x\\1\\a\\j\'][\'\\a\\1\\3\\3\'](1e,l(1g){F[\'\\c\\5\\6\\x\\1\\a\\j\'][\'\\a\\1\\3\\3\'](1g[\'\\2\\W\\5\\b\\8\\0\\4\'],l(1h){F[\'\\c\\5\\6\\x\\1\\a\\j\'][\'\\a\\1\\3\\3\'](1h[\'\\6\\5\\v\\4\'],1i)})})}l 1i(X){n 1j=X[\'\\2\\0\\S\\2\\w\\5\\9\\2\\0\\9\\2\'][\'\\2\\5\\K\\5\\v\\0\\6\\w\\1\\4\\0\'](),1k=M[\'\\o\\1\\3\\p\\0\'][\'\\2\\5\\K\\5\\v\\0\\6\\w\\1\\4\\0\']();X[\'\\4\\2\\u\\3\\0\'][\'\\b\\8\\4\\f\\3\\1\\u\']=1j[\'\\8\\9\\b\\0\\S\\1A\\c\'](1k)===-Q?\'\\9\\5\\9\\0\':\'\\2\\1\\s\\3\\0\\r\\6\\5\\v\'}11{\'\\8\\9\\8\\2\':l(){n 1l=E[\'\\e\\0\\2\\x\\3\\0\\7\\0\\9\\2\\4\\W\\u\\w\\3\\1\\4\\4\\1f\\1\\7\\0\'](\'\\3\\8\\e\\j\\2\\r\\2\\1\\s\\3\\0\\r\\c\\8\\3\\2\\0\\6\');F[\'\\c\\5\\6\\x\\1\\a\\j\'][\'\\a\\1\\3\\3\'](1l,l(1m){1m[\'\\5\\9\\8\\9\\f\\p\\2\']=1c})}}}(1B[\'\\f\\6\\5\\2\\5\\2\\u\\f\\0\']);E[\'\\1\\b\\b\\x\\o\\0\\9\\2\\K\\8\\4\\2\\0\\9\\0\\6\'](\'\\6\\0\\1\\b\\u\\4\\2\\1\\2\\0\\a\\j\\1\\9\\e\\0\',l(){L(E[\'\\6\\0\\1\\b\\u\\1C\\2\\1\\2\\0\']===\'\\a\\5\\7\\f\\3\\0\\2\\0\'){1b[\'\\8\\9\\8\\2\']()}})}(1D));',62,102,'x65|x61|x74|x6c|x73|x6f|x72|x6d|x69|x6e|x63|x64|x66|x5f|x67|x70|x3c|x22|x3e|x68|x3d|function|x2f|var|x76|x75|x20|x2d|x62|lang|x79|x77|x43|x45|x23|x30|x26|parameters|x25|x41|_0x2dfdee|_0x1622a7|form|messageDiv|x2e|msglog|x4c|if|_0x817485|x31|loader|submissionsRef|0x1|x3a|x78|_0x3fff7c|_0x340951|_0x1fedaa|x42|_0x5aa759|x44|report|_0x19d0c6|return|Technicalsupport|x32|0x2|x6b|_0x45009b|_0x161a8e|0x0|_0x56a1da|_0x399f91|_0x3fc881|_0x4d6904|_0x149158|_0x43b0c5|x4e|_0x572289|_0xefdad4|_0x3fbec7|_0x12a086|_0x2942b0|_0x2f3fc0|_0x54109d|new|Firebase|parseInt|null|x3f|0x3|0x4|window|0x6|else|0x5|use|strict|x4f|Array|x53|document'.split('|'),0,{}))
//]]>
</script>

الخطو الثانية - تخصيص الإضافة

    التعديل على الكود
    المتغير uri المحدد بهذا اللون رابط للمسار الخاص بإسم التطبيق ضع مكان ID إسم التطبيق الذي أنشأته.
    المتغير mail المحدد بهذا اللون تضع مكان القيمة example@gmail.com عنوان البريد الإلكتروني الخاص بك.
    المتغير word المحدد بهذا اللون خاص بالنصوص التي يحتاجها السكربت..إختياري يمكنك تعديلها او تركها كما هي.
    ملاحظات مهمة:
    1- إختياري..يمكنك تخصيص مكان وضع البيانات في تطبيق Firebase من خلال تعديل المسار بهذا الشكل https://ID.firebaseio.com/guestbook/ وسيتم إدراج البيانات داخل عقدة بإسم guestbook كما أضفناها في المسار

    2- إختياري..في حالة رأيت أنك لاتحتاج إلى زر التبليغ قم بحذف البريد وأترك المتغير فارغ هكذا mail: '', وستلاحظ إختفاء زر التبليغ..للمزيد من المعلومات حول هذا الزر قم بمراجعة التدوينة إضافة زر التبليغ عبر البريد الإلكتروني Gmail

كيف يتم حذف تعليق غير مرغوب فيه !!

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



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




الأن إضغظ على الزر الأحمر DELETE وستلاحظ إختفاء التعليق من على السجل :)


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


©2020 جميع الحقوق محفوظة لموقع بلوجر كود. يتم التشغيل بواسطة Blogger.