أداة ردود الفعل على المنشورات باستخدام Firebase

HTML CSS JS

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

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

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

ملاحظة مهمة:! الرجاء قبل إكمال الموضوع أحرص على أنك تملك معرف خاص بك لتطبيق Firebase إذا لا تملك واحد راجع هذا الموضوع بسرعة: إنشاء معرف تطبيق firebase من خلال واجهة المستخدم الجديدة 2025

لمحة عن الإضافة

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

لذلك جاءت الأداة الخاصة بنا لتملأ هذا النقص بخوارزمية بسيطة وفعالة تم برمجتها من طرف فريق العمل الخاص بنا كما أنها لا تخضع لخدمات الطرف الثالث إلا طبعا خدمة تطبيقات Firebase والتي هي أصلا من منتجات Google والتي تعطيك سعة تخزين مناسبة ومجانا.

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

هل تعلم..! هل تعلم.. أن القراء الذين يستجيبون كـ "غاضب" يميلون إلى استهلاك المزيد من المحتوى وقراءة المزيد من المقالات، بينما ينقر القراء "السعداء" على المزيد من الإعلانات. يبدو أن القراء الغاضبين يبحثون أيضًا عن مقالات تجعلهم أكثر غضبًا.

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

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

معاينة الإضافة

معاينة

تركيب الإضافة

تحذير! تحذير: لا تنسى أخذ نسخة احتياطية من القالب قبل البدء

الخطوة الأولى: لوحة التحكم

1. قم بتسجيل حسابك ثم اذهب إلى منصة البلوجر dashboard
2. انتقل للمدونة ثم إلى قالب ثم اضغط على تحرير Edit HTML
3. اضغط في وسط محرر الأكواد ثم F + Ctrl لإظهار مربع البحث
4. باستعمال الزر C + Ctrl للنسخ و V + Ctrl للصق قم بوضع الأكواد في المكان المناسب

الخطوة الثانية: تركيب الأكواد

قم بالبحث عن هذا الوسم <data:post.body/> أسفله أي بعده قم بوضع كود HTML التالي:

<b:includable id='post' var='post'>
  <!-- Post content and other elements -->
  <div class='post-body'>
    <data:post.body/>
  </div>
  
  <!-- Reactions faces widget -->
  <b:if cond='data:view.isPost'>
    <section class='reactionsfaces-widget' expr:data-id='data:post.id' expr:data-title='data:post.title' expr:data-uri='data:post.url'/>
  </b:if>
  
  <!-- Other post footer elements -->
</b:includable>
    

ملاحظة: ستجد الوسم <data:post.body/> الذي نبحث عنه مكرر أكثر من مرة المطلوب هو غالبا الثاني تجده داخل حقل البوست <b:includable id='post' var='post'> أو قم بالتجربة مع الجميع واحد تلوى الآخر حتى تظهر الأداة فقط داخل المنشورات في الأسفل.

قم بالبحث عن هذا الوسم ]]></b:skin> فوقه أي قبله قم بوضع كود CSS التالي:

/*==================================
     =style Reactions faces=
===================================*/
.reactionsfaces-widget.js-reactions-vu{background-color:#ffffff;position:relative;overflow:hidden;text-align:center;max-width:400px;min-height:260px;margin:20px auto;padding:50px 30px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.reactionsfaces-widget.auto-height{min-height:auto!important;}
/*each*/
.reactionsfaces-widget em{display:block;margin:0 0 1em;padding:0;color:#383838;font-size:17px;font-weight:400!important;text-align:center!important;text-decoration:none!important;text-transform:none!important;font-style:normal!important;line-height:normal;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;visibility:visible;}
.reactionsfaces-widget:hover em{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;visibility:hidden;margin:0;padding:0;}
.reactionsfaces-widget var{font-family:inherit;font-size:13px;display:block;direction:rtl;font-weight:400!important;border:0;background:none;background-color:transparent;color:#363c4a;margin:5px auto;padding:2px 5px;text-align:center;width:auto;white-space:pre-wrap;word-wrap:break-word;}
.reactionsfaces-widget .reactions-faces ul > li.selected > var{background-color:#efefef;}
.reactions-faces ul > li.feelback-faces > a.feelback-ico{position:relative;overflow:hidden;display:block;font-size:2.5em;}
.reactions-faces ul > li.feelback-faces:hover a.feelback-ico{margin-bottom:-5px;}
.reactions-faces ul > li.feelback-faces > a.feelback-ico > img{display:block;float:none;width:50px;margin:0;padding:0;border:0;}
/* reactions feelback faces Widgets Style */
.reactions-faces > ul{direction:ltr;list-style-type:none;margin-bottom:10px;padding:0;}
.reactions-faces ul > li.feelback-faces{position:relative;display:inline-block;cursor:pointer;padding:0 5px;width:-moz-calc(100% / 6);width:-webkit-calc(100% / 6);width:-o-calc(100% / 6);width:calc(100% / 6);}
/* toltip state of the faces */
.reactions-faces ul > li > span{background-color:#ffffff;color:#000000;padding:8px 5px;position:absolute;font-size:11px;top:-35px;right:-webkit-calc(50% - 40px);right:calc(50% - 40px);width:80px;text-transform:capitalize;text-align:center;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;visibility:hidden;line-height:normal;z-index:3;}
.reactions-faces ul > li > span::before{content:"";border-right:5px solid transparent;border-left:5px solid transparent;border-top:7px solid #ffffff;position:absolute;bottom:-5px;left:-webkit-calc(50% - 5px);left:calc(50% - 5px);display:block;z-index:5;}
.reactions-faces ul > li:hover span{top:-45px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;visibility:visible;}
/*reactions message*/
.reactions-message{position:absolute;right:0;bottom:0;overflow:hidden;text-align:center;min-width:100px;margin:10px;padding:5px 10px;border:1px solid #eee;background:#ffffff;}
.reactions-message > p{vertical-align:top;color:#888;font-size:11px;}
.reactions-message.err{position:relative;border:1px solid #fbd6d6;background:#fff7f7;}
.reactions-message.err > p{color:#a02020;}
/*discrimination*/
.reactionsfaces-widget.js-reactions-vu,.reactionsfaces-widget .reactions-faces ul > li > span{-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.16);-moz-box-shadow:0 3px 10px rgba(0,0,0,0.16);-ms-box-shadow:0 3px 10px rgba(0,0,0,0.16);-o-box-shadow:0 3px 10px rgba(0,0,0,0.16);box-shadow:0 3px 10px rgba(0,0,0,0.16);}
.reactionsfaces-widget.js-reactions-vu{border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.reactions-faces ul > li > span{border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.reactionsfaces-widget ul > li > var,.reactionsfaces-widget .reactions-message{border-radius:30px;-o-border-radius:30px;-ms-border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;}
.reactions-faces ul > li.feelback-faces:hover a.feelback-ico{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.reactions-faces ul > li > span,.reactions-faces ul > li.feelback-faces > a.feelback-ico,.reactionsfaces-widget em{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
/*--loader-reactions--*/
.loader-reactions *{display:none!important;}
.loader-reactions,.loader-reactions::before,.loader-reactions::after{-webkit-animation:dotFlashing 1s infinite alternate;animation:dotFlashing 1s infinite alternate;}
.loader-reactions{margin:10px auto;}
.loader-reactions::before,.loader-reactions::after{content:'';display:inline-block;position:absolute;top:0;}
.loader-reactions::before{left:-15px;animation-delay:0s;-webkit-animation-delay:0s;}
.loader-reactions::after{left:15px;animation-delay:1s;-webkit-animation-delay:1s;}
.loader-reactions{position:relative;padding:0!important;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;animation-delay:.5s;-webkit-animation-delay:.5s;}
.loader-reactions,.loader-reactions::before,.loader-reactions::after{width:10px;height:10px;border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;}
/* Responsive */
@media screen and (max-width:320px){.reactionsfaces-widget.js-reactions-vu{max-width:320px;padding:50px 15px;}.reactions-faces ul > li.feelback-faces > .feelback-ico{font-size:2em;}.reactions-message > p{font-size:10px;}}/* iphon 4/5 + nok lumia 520 */

    

قم بالبحث عن هذا الوسم </body> فوقه أي قبله قم بوضع كود jQuery التالي:

<script type='text/javascript'>
//<![CDATA[
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}('o 2L=[\'رائع!!\',\'</o></C><C\\s=\\Z-L\\d\\G-V=\\5Z\\d><1a>\',\'6a\',\'3z\',\'</o></C><C\\s=\\Z-L\\d\\G-V=\\6b\\d><1a>\',\'6d\',\'3A\',\'6e\',\'</o></C><C\\s=\\Z-L\\d\\G-V=\\6f\\d><1a>\',\'2o\',\'هل\\lكانت\\lهذه\\lالصفحة\\lمفيدة؟\',\'6g\',\'6h\',\'<M\\s=\\1S-1b\\d><p\\s=\\2M-1b\\d>\',\'6i\',\'3B\',\'<M\\s=\\1S-L\\d><3C\\1j=\\6j\\d><C\\s=\\Z-L\\d\\G-V=\\6k\\d><1a>\',\'<1C\\6l=\\6m/6n\\3D>.1d-L\\6o\\l>\\3E.2N-L\\l>\\l.2N-2p{N:\',\'6p\',\'2O\',\'2q\',\'</a><o>\',\'أغضبني\',\'O\',\'6q\',\'3F://\',\'6r\',\';}@-6s-3G\\3H{0%{1T-N:\',\'3I\',\'6t\',\'3J\',\'3K\',\'</1a><a\\s=\\Z-2p\\d>\',\';}50%,3L%{1T-N:#3M;}}@3G\\3H{0%{1T-N:\',\'</o></C></3C></M>\',\'3N\',\'عدد\\lالأصوات\',\'C.2N-L\',\'</p></M>\',\'3O\',\'محزن\',\'6u\',\'2P\',\'6v\',\'<w\\1q=\\1r://1s.1t.1u/1D/w\\d\\1j=\\1E\\d\\G-1F=\\1G\\e\\d\\1H=\\1v\\b\\H\\H\\d><j\\k=\\1U\\1e.6w-3P\\b-1I.14\\6x.17-1I.14\\3Q.6y\\3R.7\\P\\3R.6A.14-2Q.17\\3Q.14-1I.6B\\1e.42\\P\\1e.3S-6C.89\\6D.6E.36\\v.36\\b\\b\\e-1-14.6F.66-1.91\\2R.8-18.73\\2r.32-20.6G\\v\\t.76\\v.3T.38\\v.38\\b\\b\\e-12\\3U-.I-.1k-11.88-8.z-24.69-6.8-10.47\\e.1k-20.71\\v.32-23.77\\Q.3V.4\\v.4\\b\\b\\e-14.63\\6H.81\\6I.6J-19.25-1.24-33.48-23.77-31.78-50.6K.7-47.1\\t-45.86\\1V.48\\W.77\\1w.78\\1W.33-18.75\\3W.1-38\\2s.6L.82\\6M.6N-42.57-.12-77-43.66-76.81-97.6O.76-96.94\\2t.33-96.83\\2t\\2u.65\\1J.81\\2S.25-34.76\\2T.94-77.33\\2T.6P.44-6Q.6R-19.25\\e.24-36.24-19.29-37.94-45.3X.52-49.1\\1w.77-50.33\\2U.24\\3Y.3\\2r.95\\2s.86-12.53\\2v.1-31.78\\1W.6S.39-6T.6U.38\\v.38\\b\\b\\e-14.62-1c-3.I-3.48-13.31-12.74-23.77-13.81-12.81-1.25-24.62\\J.75-24.69\\J.2w.38\\v.38\\b\\e\\e-12-3Z.73-.51\\q.13-12.57\\t.75-10.6V.67\\q.9\\2r.32\\1X.2w.35\\v.35\\b\\b\\e-.99\\2V.6W\\d\\i=\\d#2W\\d/><j\\k=\\1U.26\\6X.6Y-42.57-.11-77.19\\2u.24-77.33\\2T.6Z.24\\2S.13\\1J.81\\2S.25\\2t.19-43.24\\2t.33-96.83-34.24-97.14-76.81-97.7a\\d\\i=\\d#A\\d/><j\\k=\\7b\\7c.7d-19.25\\e.23-33.48\\W.77-31.77\\1W.7e.69\\3W.1\\2r.94\\2s.86\\1V.48-23.77\\1w.78-50.33-18.68-47.1-37.95-45.7f\\d\\i=\\d#A\\d/><j\\k=\\7g.1K\\40.7h-19.25-1.24-36.24\\3Y.3-37.95\\2s.3X.53\\2v.1\\1w.78\\1W.34\\2U.24-19.3\\t-45.87-12.58-49.1-31.83-50.7i\\d\\i=\\d#A\\d/><j\\k=\\7j.74\\4a.7k.1k-3.48\\Q.3-12.74\\W.77-13.8\\g.81-1.25\\1l.62\\J.74\\1l.69\\J.3V.38\\v.38\\b\\b\\b\\g-3Z-.73-.51-18.14-12.57-38.76-10.7l-35.66\\q.9-37.32\\1X.2w.38\\v.38\\b\\b\\b\\R.65\\Q.7m\\d\\i=\\d#A\\d/><j\\k=\\7n.27\\7o-20.62-2.2X-38\\v-38.75\\v.3T.38\\v.38\\b\\e\\b\\g\\3U.I-.1k\\h.88-8.1k\\1l.69-6.81\\v.46\\e.I\\1X.7\\v.33\\W.77\\Q.2w.38\\v.38\\b\\b\\b\\R.64-13.7p.94\\7q.86\\4b.79\\4c\\7r.27\\7s\\d\\i=\\d#A\\d/></w>\',\'4d-2Y\',\'تنبيه!!..حدث\\lخطأ\\lفي\\lعرض\\lالأداة\',\'o\',\'4e\',\'1Y\',\'.1d-1b\',\'4f\',\'<M\\s=\\1S-7t\\d><4g>\',\'<w\\1q=\\1r://1s.1t.1u/1D/w\\d\\1j=\\1E\\d\\G-1F=\\1G\\e\\d\\1H=\\1v\\b\\H\\H\\d><j\\k=\\1U\\D.7u.82\\D.43\\D.43\\4a.82\\D.43\\7v.82\\2x.57\\P\\2x.57\\2x.57\\4h.18\\2x.57\\P\\4h.18\\D.43\\P\\D.7w-71.5\\7x.7y\\J.4-5.6\\h.63-12.44\\h.7z-32.4i-6.85\\b-12.45-5.23-12.45-11.4j-99.2Z-6.39\\1f.6-11.63\\g.45-11.4k.4l.84\\b\\g.44\\1f.24\\g.44\\h.7A\\4m.7B.11\\q.11\\b\\b\\b-4.88\\R.7C.92\\J.37.22\\R-7.52\\1e.7D.65\\q.65\\b\\b\\b-5.69\\u.7E\\g-4.14\\3a-57.38\\4n.7F-69.3-1.7G-.6\\b-1.19-.1k-1.79-.13-5.71-.71-35.56-5-33.3-18.7H-.12-92.7I.49\\q.49\\b\\b\\e\\e.42-7.7J.14-76.7K.25\\1g.25\\b\\b\\b\\l.9-3.7L-35.7M.19\\q.19\\b\\b\\e\\D-15.7N.76-3.29\\Q.81-5\\2y.73\\e.56\\u.53\\Q\\u.95\\1X\\u.95\\7O.93\\W.39\\x.59\\7P.7Q.45\\q.45\\b\\b\\b\\7R\\3b.7S.7T.69\\u.69\\b\\b\\e\\e.93.7U.1K.67\\1V.79\\1f.43\\1l.z\\2U.4o.76\\u.76\\b\\b\\b\\y\\2R.4p.33\\J.67\\D.79\\u.86-2.86\\3c.7V\\d\\i=\\d#7W\\d/><j\\k=\\7X.86\\4q.7Y.74-31.2X-18-35.84-24.z-36.4o.69\\u.69\\b\\b\\b-1.93-.7Z.45\\q.45\\b\\b\\e-18.22-21.80.34-21.29-4.59-44.68-4.59-44.8a-.42-7.1K-17.95-8b-8.92-6.58-17-4.85-22.73-1.8d.19\\q.19\\b\\b\\b-9\\R.8e.8f.25\\1g.25\\b\\b\\e-.9\\y.8g-39.14\\1J.8h.49\\q.49\\b\\b\\b-1.42\\S.8i.12\\8j.8c-2.26\\Q.22\\1Z.59\\u.55\\1V.3\\q.26.6.I\\e.19.11\\e.79.8k.3\\e.8l.24\\1h.47\\8m.41-14.54\\8n.38-26.8o.65\\q.65\\b\\b\\e\\1f.69-17.8p.74-6.9\\1g.44-15.57\\S.52-21.8q.11\\q.11\\b\\b\\e\\8r\\4m.8t.63-13.z\\1g.17-24.24\\1h.88-30.8u.76\\u.76\\b\\b\\e-3.8v-16.4r\\d\\i=\\d#3d\\d/><j\\k=\\8w.1k\\4q.8x-32.4i-6.85\\b-12.45\\1f.24-12.45\\h.8y.2Z\\J.4\\1f.6\\h.63\\g.45\\h.4k.4l.84\\b\\g.44-5.23\\g.44-11.4j-99.2Z-6.39-5.6-11.63-12.44-11.8A\\d\\i=\\d#3d\\d/></w>\',\'<M\\s=\\8B-1d\\3D></M>\',\'3e\',\'8C\',\'4t-1d-8D\\8E-2Y\',\'8F\',\'#8G\',\'3F://8H.4u.4v/8I/4u.4t\',\'تنبيه!!..معرف\\lالتطبيق\\lغير\\lموجود\',\'<M\\s=\\1S-1b\\4w\\d><p\\s=\\2M-1b\\d>\',\'</4g></M>\',\'N\',\'2a\',\'4x\',\'8J\',\'2z-3f\',\'.1d-1b\\l.8K-1b\',\'8L\',\'أحببته\',\'8M\',\'#L\\3E\',\'8N\',\'.8O.4v/8P/1d/3f/\',\'V\'];(E(1x,3g){o 2A=E(4y){8Q(--4y){1x[\'8R\'](1x[\'8S\']())}};2A(++3g)}(2L,8T));o c=E(1x,3g){1x=1x-F;o 2A=2L[1x];1L 2A};$[\'8U\'][\'8V\']=E(4A,8W){8X{o X=$(2b),4B=c(\'3h\');o T=$[c(\'8Y\')]({\'3J\':\'\',\'3N\':!![],\'3z\':!![],\'3I\':!![],\'N\':[\'#8Z\'],\'1Y\':[c(\'90\'),\'أعجبني\',c(\'9a\'),\'مضحك\',c(\'9b\'),c(\'9c\'),c(\'9d\'),c(\'9e\'),\'عذرا!!..سبق\\lوقمت\\lبالتصويت\',\'عذرا!!..متصفحك\\lلايدعم\\lهذه\\lالميزة\',c(\'4C\'),c(\'9f\')],\'3e\':[c(\'2B\'),\'<w\\1q=\\1r://1s.1t.1u/1D/w\\d\\1j=\\1E\\d\\G-1F=\\1G\\e\\d\\1H=\\1v\\b\\H\\H\\d><4D\\4E=\\2C\\d\\4F=\\2C\\d\\4G=\\9g.49\\d\\i=\\d#3i\\d/><j\\k=\\9h.91\\4H.9i.49\\4I.28\\P\\9j.72\\P\\9k-59.29-83.5-93.74-9l.93-35.9m.23\\3b\\9n.45\\4J.74\\P\\9o.48\\4K.54\\4J.74\\9p.77\\3b\\9q.91\\4H.9r\\d\\i=\\d#3d\\d/></w>\',\'<w\\1q=\\1r://1s.1t.1u/1D/w\\d\\1j=\\1E\\d\\G-1F=\\1G\\e\\d\\1H=\\1v\\b\\H\\H\\d><4D\\4E=\\2C\\d\\4F=\\2C\\d\\4G=\\9s.92\\d\\i=\\d#9t\\d/><j\\k=\\9u.12\\9v.9w.11\\b\\9x.19\\D.37\\9y.26\\W.76-1.19\\1h.15-2.45\\x.26-3.76\\J.9z.12\\9A.12\\b\\b\\b\\1e.67-70.9B-5.34-4L.58-4.95-4L.58\\9C.61\\9D.61\\b\\b\\b\\q.93\\9E.9F-1-1.73-2-3.48-2.89-5.25\\1V.44-12.57\\9G.9-20.57\\40.37-20.9H\\d\\i=\\d#2c\\d/><j\\k=\\1U\\2D.9I-59.81\\b-9J-28.46-3j.86-70.9K-1.29-1.95-2.5-3.9L.31\\1h.29\\1h.68\\x.56\\x.13\\J.78\\1Z.51\\4M\\4c.I\\2d.3\\9M.15\\2d.3\\2e.23\\b\\4N.62-29.41\\4O.7-72.79-27.9\\4M.2X-79.98\\2d.4-3j.62\\2d.4z\\d\\i=\\d#3i\\d/><j\\k=\\1U\\2D.9N.64\\b\\9O.72-28.31\\4O.62-70.4\\e.31-2.1K\\1h.57-4.2\\y.76-6.35-33.I-14.39-87.15-23.76-9P.26-23.76-56.47\\b-2Q.93\\1g-9Q.37\\1X.57.92\\e.77\\e.89\\y.52\\1h.89\\1f.9R.22\\1h\\1h.5\\y.9S\\9T.86\\9U.19\\2D.32\\P\\2D.4P\\d\\i=\\d#3i\\d/><j\\k=\\9V\\4Q.9W.32\\4R.9X.94\\y.11\\Q.51\\e.53\\u-4.46\\y.27-5.6\\e.51-13.89-4.46-9Y-62.32-32.9Z-5.95-3.11-13.51-1.52-17\\x.46-3.27\\1f.6-1.51\\Q.89\\x.47\\a0\\d\\i=\\d#2c\\d/><j\\k=\\a1.85\\a2.a3.32-32.a4.94-3.11\\S.73-11.41\\x.46-17-3.53-6-11-7.59-17-4.a5.29\\a6-5.94\\y.12-7.73\\h.42-4.46\\u\\y.53\\J\\h\\S.58\\u\\x.4S\\d\\i=\\d#2c\\d/><j\\k=\\3k.43\\a7.a8.11\\a9-5.95\\y.11-7.74\\h.41-4.46\\u\\y.53\\J\\h\\S.59\\u\\x.aa\\4Q.ab.95-3.12\\S.74-11.41\\x.47-17-3.53-6-11.z-7.58-17-4.4S\\d\\i=\\d#2c\\d/><j\\k=\\ac.71\\ad-62.32-32.ae-5.95-3.11-13.52-1.52-17\\x.46-3.27\\1f.6-1.51\\Q.89\\x.46\\af.32\\4R.ag\\y.11\\Q.52\\e.52\\u-4.46\\y.27-5.6\\e.51-13.89-4.46-ah\\d\\i=\\d#2c\\d/></w>\',c(\'ai\'),\'<w\\1q=\\1r://1s.1t.1u/1D/w\\d\\1j=\\1E\\d\\G-1F=\\1G\\e\\d\\1H=\\1v\\b\\H\\H\\d><j\\k=\\3k.12\\aj.ak.71\\1w.83\\1Z.I\\2e.al.39\\4T.39\\b\\b\\b\\am.13-an-3P.z-2Q.25-1I.3-1I.32-1I.ao.68\\4U.93\\q.68\\P\\4U.93\\4V.32\\P\\4V.ap.36\\4T.36\\b\\b\\b\\4N.22-28.16\\t.48\\t.48\\b\\b\\e-1.65-11.aq-21.29\\t.55-99.42\\t.55-99.3S-52.51-ar.as.z-.59\\3c.41-5.35\\2v.74\\S.4W.57\\1M.57\\b\\b\\e\\1l.59\\1Z.87\\g.18\\g.18\\b\\e\\e-22.33\\D.at.74\\1m.74\\b\\b\\b\\4b\\4X.1c-9.39-6.22-26.15-4.84-31.79-3.4Y.17\\g.17\\b\\b\\e-4.55-23.au.22\\av.aw.17\\g.17\\b\\b\\e-11.16-17\\1M.57\\1M.57\\b\\b\\e\\1l.59-27.ax.33-12.73\\1m.69-8\\2v.74-7.4Z.17\\g.17\\b\\b\\e-4.55\\W.5a-5.64-1.z-22.4-2.43-31.79\\y.5b.74\\1m.74\\b\\b\\b-15.66\\u.26\\g.19\\g.19\\b\\b\\e-11.17\\S.ay.27\\az-18.91\\b-34.24-17.37-34.24-38.5c.33-38.8\\1n.24-38.8\\1n.24\\u.37\\1n.24\\t.8-15.33\\t.81-34.24\\t.aA.29\\aB.aC.18\\g.18\\b\\b\\e-16.38-5.3\\2e.76\\2e.76\\b\\b\\b-53.I-29.aD-37.79\\b-52.37\\5d.48-53\\3a.aE.17\\g.17\\b\\b\\e-21.91-10.5e.84-1.79\\1e.42-43.44\\3l.89-43.44\\3m.13\\b\\aF.85\\5f.39\\3l.75\\2u.aG.18\\g.18\\b\\b\\e-5.28\\2R.aH.74-3j.aI-21.43\\R.32-38.8\\1n.23-38.5g\\aJ.46\\5h\\3n.aK-15.33\\t.8-34.24\\t.8-34.24-17.37-34.24-38.8z\\d\\i=\\d#2W\\d/><j\\k=\\aL.22\\aM.aN.55\\t.55\\b\\b\\b\\aO.67\\aP-7.7-5-22.84-11.48-aQ.39\\5i.39\\b\\b\\e-63.97\\1W.aR\\d\\i=\\d#5j\\d/><j\\k=\\aS.19\\aT-11.36-28.57-27.I-60.4-27.I-60.4s-38.55\\3o.11-38.55\\4I.aU.48\\t.48\\b\\b\\b\\e.65\\h.aV.39\\5i.39\\b\\b\\b\\aW.19\\aX\\d\\i=\\d#5j\\d/><j\\k=\\aY.33\\aZ-53.47\\b-74.z\\5f.65-74.89\\2u.b0.17\\g.17\\b\\b\\b\\1e.91\\v.5e.61-1.21\\R.19-29.69\\5k-29.b1.76\\2e.76\\b\\b\\e\\5k.I\\3a.89\\g.17\\g.17\\b\\b\\b\\1e.68-11.b2-.92-1.72-22.64-43.15-74.77-43.b3\\d\\i=\\d#A\\d/><j\\k=\\b4.49\\b5.b6-18.91\\b-34.24\\u.37-34.24\\t.5c.33\\t.8\\1n.24\\t.8\\1n.24-17.37\\1n.24-38.8-15.33-38.8-34.24-38.8z\\d\\i=\\d#A\\d/><j\\k=\\3k\\3n.b7-21.43-15.33-38.8-34.24-38.8s-34.23\\u.37-34.23\\t.8\\R.32\\t.8\\1n.23\\t.5g\\b8.32\\5h\\3n.b9\\d\\i=\\d#A\\d/><j\\k=\\ba.16\\bb.4p.64-1.z\\2y.4-2.43\\1w.79\\y.5b.74\\1m.74\\b\\b\\e\\R.66\\u.26\\g.18\\g.18\\b\\e\\b\\2y.33-9.72\\1M.57\\1M.57\\b\\b\\b-24.59-27.bc-19.33-12.73-46.69-8-49.74-7.4Z.17\\g.17\\b\\b\\b\\x.55\\W.bd\\d\\i=\\d#A\\d/><j\\k=\\be.z\\4X.bf.39-6.22\\4n.15-4.84\\1w.79-3.4Y.17\\g.17\\b\\b\\b\\x.55-23.5a-3-.59-30.41-5.35-49.74\\S.4W.57\\1M.57\\b\\b\\b-24.59\\1Z.87\\g.18\\g.18\\b\\e\\b\\2y.33\\D.72\\1m.74\\1m.74\\b\\b\\e\\R.66-17.bg\\d\\i=\\d#A\\d/></w>\',\'<w\\1q=\\1r://1s.1t.1u/1D/w\\d\\1q:5l=\\1r://1s.1t.1u/bh/5l\\d\\1j=\\1E\\d\\G-1F=\\1G\\e\\d\\1H=\\1v\\b\\H\\H\\d><5m><1C>.r-O-1{5n:4x(#5o);}.r-O-2{5n:#A;}</1C><5p\\1j=\\bi\\d\\bj=\\5q.39\\d\\bk=\\bl.5r\\d\\bm=\\5q.39\\d\\bn=\\bo.99\\d\\bp=\\bq\\d><5s\\5t=\\1v\\d\\5u-N=\\d#2W\\d/><5s\\5t=\\br\\d\\5u-N=\\d#bs\\d/></5p></5m><j\\s=\\2E-O-1\\d\\k=\\5v.39\\bt-bu.56\\b-2f\\bv.45-2f\\bw.45\\2g\\2g\\2g\\2g-5w.45\\2g-2f-5w.45-2f-2f-bx.17\\by.53\\1y.53\\b\\b\\e-21.59-39.bz-30.51-9-51.41-22.53-52.45-23.5x.27\\h.27\\b\\b\\e\\g.35-18.85\\3p\\3p\\b\\b\\b\\5y.6\\1l.bA.67\\S.z\\bB.92\\x.1\\5z.21\\x.5A.39\\h.39\\b\\b\\e\\g.43\\v\\h.26\\h.26\\b\\b\\e-9.95\\g.43\\1N.86\\1N.86\\b\\b\\e-18.56.8c-7.z\\b-15.93-.36-25.94-1.5B.58\\1y.58\\b\\b\\e-25.1\\3c.bC.57\\2d.bD-42.15\\b-74.21-2.1K-74.21-12.bE.17-18.32\\1J.33-18.32\\1J.32\\1g.21\\1J.32\\q.32-36.29\\g.2-78.44\\g.bF.91-bG.bH-1\\l.68-21.94\\2V.19-52.46\\W.5C.58\\1y.58\\b\\e\\e-46.68\\1g.6c-10\\l.93-18.89\\e.29-25.94\\e.bI.64\\1N.64\\b\\b\\e-18.56-.8\\h.25\\h.25\\b\\b\\e-9.95-12.43\\h.38\\h.38\\b\\b\\e\\g.43-5D.28\\b\\5d.54\\y\\5z.21-4.bJ.87\\3q.87\\b\\b\\b\\5y.59-24.66\\h.27\\h.27\\b\\b\\e\\g.36\\q.bK\\d\\i=\\bL(#5o)\\d/><j\\s=\\2E-O-2\\d\\k=\\bM.89\\bN.bO.25\\h.25\\b\\b\\b-15.6-3.25\\3q.87\\3q.87\\b\\b\\e-63.59\\1l.bP-36.67\\S.z-64.93\\x.1-65.21\\x.5A.38\\h.38\\b\\b\\b-12.43\\v\\h.25\\h.25\\b\\b\\b\\D.94\\g.41\\1N.64\\1N.64\\b\\b\\b\\q.56.bQ.z\\b\\R.93-.36\\1y.94-1.5B.61\\1y.61\\b\\e\\b\\1m.68-8.bR.52-9\\bS.42-22.53\\3m.46-23.5x.26\\h.26\\b\\b\\b\\y.25-15.6z\\d\\i=\\d#A\\d/><j\\s=\\2E-O-2\\d\\k=\\bT.21\\bU.bV.86\\1N.86\\b\\b\\b\\q.56-.8\\h.26\\h.26\\b\\b\\b\\D.95-12.43\\h.39\\h.39\\b\\b\\b-12.43-5D-.29\\b-28.54\\y-65.21-4.bW\\3p\\b\\b\\e-63.6-24.66\\h.27\\h.27\\b\\b\\b-12.35\\q.bX\\l.68\\1e.94\\2V.19\\3m.45\\W.5C.58\\1y.58\\b\\e\\b\\1m.69\\1g.bY.5r.95\\q.89\\e.31\\1y.94\\e.4r\\d\\i=\\d#A\\d/><j\\s=\\2E-O-2\\d\\k=\\5v.86\\4K.bZ-42.16\\b-76.33\\1g.21-76.33\\q.c0.1k\\g.21\\3l.21\\g.21\\3o.44-2.1K\\3o.44-12.21-34.18-18.32-76.32-18.4P\\d\\i=\\d#A\\d/></w>\']},4A);o n={\'N\':E(5E){1L T[c(\'2h\')][3r(5E-U)]},\'1Y\':E(5F){1L T[c(\'K\')][3r(5F-U)]},\'3e\':E(5G){1L T[c(\'1i\')][3r(5G-U)]},\'1C\':E(5H){$(5H)[c(\'c1\')]($(\'c2\'))}};B(T[c(\'c3\')]&&$(4B)[\'4f\']==F){B(T[c(\'5I\')]===\'\'){1L $(X)[c(\'2i\')](c(\'2j\'))[c(\'1o\')](\'<M\\s=\\1S-1b\\4w\\d><p\\s=\\2M-1b\\d>\'+n[c(\'K\')](5J)+c(\'5K\'))}n[\'1C\'](c(\'c4\')+n[c(\'2h\')](U)+\';}.3s-1d,.3s-1d::c5,.3s-1d::c6\\l{1T-N:\'+n[c(\'2h\')](U)+c(\'c7\')+n[c(\'2h\')](U)+c(\'c8\')+n[c(\'2h\')](U)+\';}50%,3L%{1T-N:#3M;}}</1C>\');$(X)[c(\'2i\')](c(\'2j\'))[\'2a\'](c(\'3t\'));$[c(\'c9\')](c(\'5L\'),E(){5M()});o 5M=E(){o 2k=$(X)[c(\'3u\')](c(\'ca\')),5N=$(X)[c(\'3u\')](\'2z-3A\'),5O=$(X)[c(\'3u\')](\'2z-cb\'),Y=cc cd(c(\'ce\')+T[c(\'5I\')]+c(\'cf\')+2k),f={},3v=!U,5P=5O[c(\'cg\')](\'?m=\')[F];Y[\'ch\'](\'V\',E(5Q){ci==(f=5Q[\'cj\']())&&((f={})[c(\'2F\')]=F,f[\'3f\']=2k,f[c(\'ck\')]=5P,f[c(\'cl\')]=5N,f[c(\'1O\')]=F,f[c(\'2l\')]=F,f[c(\'1z\')]=F,f[c(\'1p\')]=F,f[\'2P\']=F,f[\'O\']=F,3v=!F);o 1P=\'\';B(T[c(\'5R\')]){1P+=c(\'U\')+n[c(\'K\')](U)+c(\'5S\')}1P+=c(\'cm\')+n[c(\'K\')](2B)+c(\'2G\')+n[c(\'1i\')](U)+c(\'2H\')+f[\'2O\']+c(\'cn\')+n[c(\'K\')](3t)+c(\'2G\')+n[c(\'1i\')](2B)+\'</a><o>\'+f[\'2o\']+c(\'co\')+n[c(\'K\')](1i)+c(\'2G\')+n[c(\'1i\')](3t)+\'</a><o>\'+f[c(\'1z\')]+\'</o></C><C\\s=\\Z-L\\d\\G-V=\\cp\\d><1a>\'+n[c(\'K\')](3w)+\'</1a><a\\s=\\Z-2p\\d>\'+n[c(\'1i\')](1i)+c(\'2H\')+f[c(\'1p\')]+c(\'cq\')+n[\'1Y\'](2j)+c(\'2G\')+n[c(\'1i\')](3w)+c(\'2H\')+f[c(\'1Q\')]+\'</o></C><C\\s=\\Z-L\\d\\G-V=\\cr\\d><1a>\'+n[c(\'K\')](5T)+\'</1a><a\\s=\\Z-2p\\d>\'+n[c(\'1i\')](2j)+c(\'2H\')+f[c(\'2I\')]+c(\'cs\');B(T[c(\'5U\')]){1P+=c(\'ct\')+n[\'1Y\'](3h)+\':\\l\'+f[c(\'2F\')]+c(\'5K\')}B(T[c(\'5R\')]){$(X)[c(\'cu\')](\'4d-2Y\')[c(\'1o\')](1P)}2J{$(X)[c(\'2i\')](c(\'cv\'))[c(\'1o\')](1P)}$(c(\'cw\'))[\'cx\'](c(\'5T\'),E(){B(cy cz!==\'cA\'){B(5V[c(\'cB\')](c(\'cC\'))!=2k){5V[\'cD\'](\'3B\',2k);o 1A=$(2b)[\'2z\'](c(\'2F\')),3x=$(2b)[c(\'cE\')]()[c(\'cF\')](c(\'cG\')),1B=$(2b)[c(\'cH\')](c(\'cI\')),2m=\'\';cJ(o 2K=F;2K<3x[c(\'F\')];2K++){$(3x[2K])[\'4e\'](c(\'5W\'))}$(2b)[c(\'2i\')](c(\'5W\'));B(1A===c(\'1O\')){f[c(\'1O\')]++;1B[\'2a\'](f[\'2O\'])}B(1A===c(\'2l\')){f[c(\'2l\')]++;1B[c(\'1o\')](f[c(\'2l\')])}B(1A===\'3K\'){f[c(\'1z\')]++;1B[c(\'1o\')](f[c(\'1z\')])}B(1A===c(\'1p\')){f[c(\'1p\')]++;1B[c(\'1o\')](f[c(\'1p\')])}B(1A===c(\'1Q\')){f[c(\'1Q\')]++;1B[c(\'1o\')](f[\'2P\'])}B(1A===\'O\'){f[c(\'2I\')]++;1B[c(\'1o\')](f[c(\'2I\')])}o 3y=(f[c(\'1O\')]+f[\'2o\']+f[c(\'1z\')]+f[c(\'1p\')]+f[c(\'1Q\')]+f[\'O\'])[c(\'3w\')](2B)[c(\'cK\')](/[.,]cL$/,\'\');2m=n[c(\'K\')](3h)+\':\\l\'+3y;f[c(\'2F\')]=3y;\'/\'!=cM[c(\'cN\')][\'cO\']&&(3v?Y[c(\'2n\')](f):(Y[c(\'1R\')](\'V\')[\'2q\'](f[\'V\']),Y[c(\'1R\')](c(\'1O\'))[c(\'2n\')](f[c(\'1O\')]),Y[\'3O\'](c(\'2l\'))[c(\'2n\')](f[\'2o\']),Y[c(\'1R\')](c(\'1z\'))[\'2q\'](f[c(\'1z\')]),Y[c(\'1R\')](c(\'1p\'))[c(\'2n\')](f[c(\'1p\')]),Y[c(\'1R\')](c(\'1Q\'))[c(\'2n\')](f[c(\'1Q\')]),Y[c(\'1R\')](\'O\')[\'2q\'](f[c(\'2I\')])))}2J{2m=n[c(\'K\')](5L)}}2J{2m=n[c(\'K\')](4C)}B(T[c(\'5U\')]){5X(2m)}})})};o 5X=E(5Y){$(c(\'cP\'))[c(\'cQ\')](cR);$(c(\'cS\'))[\'2a\'](5Y)}}2J{$(X)[c(\'cT\')]()}}cU(cV){1L $(X)[c(\'2i\')](c(\'2j\'))[\'2a\'](c(\'5J\')+n[c(\'K\')](5S)+\'</p></M>\')}};',62,802,'|||||||||||x200|_0x43e3|x22|x201|_0x2a56a1|x2012|x2011|x20fill|path|x20d|x20||_0x36eb94|var||x2018||x20class|x2038|x2017|x2010|svg|x204|x203|05|102236|if|li|x209|function|0x0|x20data|x20512|07|x206|0x4b|faces|div|color|angry|x20256|x2013|x2015|x207|_0x3f1da8|0x1|value|x2023|_0x194a1a|_0x39b8a5|x22feelback|||||||||||span|message||reactions|x2021|x205|x208|x202|0x4|x20id|06|x2024|x2046|x2034|0xe|0x28|x20xmlns|x22http|www|w3|org|x220|x2031|_0x6cf8f4|x2025|0x39|_0x20e329|_0xa0f29d|style|2000|x22Layer_1|name|x22Layer|x20viewBox|237|x2076|09|return|x2069|x20179|0x2d|_0x5a9657|0x44|0x41|x22reactions|background|x22M256|x2033|x2050|x2020|word|x2027|||||||||||html|this|252c37|x2070|x2060|240|x20240|0xd|0x15|0x6|_0xcb522b|0x23|_0x1cc732|0x2e|love|ico|set|x2037|x2045|x2077|x2043|x2049|81a10|x20502|x2022|data|_0x43e37d|0x2|x22256|x20422|x22r|0x19|0x3a|0x2f|0x31|else|_0x524a80|_0x56f7|x22text|feelback|like|sad|106|x2016|x2097|x2096|x2036|x2014|ffde6e|08|height|79c0|||||||||||x2029|x20218|x2030|fff|icon|id|_0x56f7c1|0x8|f25268|139|x22M405|x2074|x2052|x20253|x2078|x20198|x20197|parseInt|loader|0x3|0x17|_0x11fe60|0x5|_0x3e5753|_0x158062|HTMLcaption|title|postID|ul|x27|x20li|https|keyframes|x20dotFlashing|HTMLmessage|firebaseID|haha|100|e7e7e7|allowreactions|child|131|x20237|x20495|42zm|49a10|x2017c|8a10|x2047|86s12|x2019|17c|x20140||||||||||x20119|x20389|x2079|auto|removeClass|length|em|x20392|81c|63v|63h32|81c6|x20302|x2026|51a17|31c5|x20255|31z||js|firebase|com|x20err|url|_0x4f9637||_0x2441c4|_0x374c03|0xa|circle|x20cx|x20cy|x20r|x20157|x2099|x20323|x20382|322|x2042|x20112|x20139|32z|x20163|x2032|46z|x20236|x20124|x20493|38a69|x20188|79a12|38a12|||||||||||92c|79a46|8s15|x2028|59c|x2041|8S405|x20405|x20238|008fff|x2053|xlink|defs|fill|Degradado_sin_nombre_4|linearGradient|x22266|01|stop|x20offset|x20stop|x22M266|107|21a11|x2063|x2065|08a11|29a25|21a25|10c|_0x45f527|_0x27ec76|_0x2d06de|_0x1b00e2|0x38|0xb|0x40|0x9|_0x2e6b61|_0x1b7090|_0x165f78|_0x2c6332|_0x105df3|0x1d|0xc|0x7|0x36|localStorage|0x32|_0x2fb740|_0x20e0e3|x22love|||||||||||extend|x22haha||find|location|x22sad|remove|fadeIn|wow|x22faces|x22like|x20type|x27text|css|x20ul|parent|selected|split|webkit|replace|appendTo|getScript|42c|x20106|14S125||7s237|14S387|153|x2098|66a10|6c1|81s38|x201zm44|x20116|41c|34s18|87zm108|x20216|15c|25s34|83zm111|218|52c|33zm38|121|75a10|49s35|68z|x20258|56c|83s34|||||||||||25z|x22M361|x20137|93c|33s18|86z|x22M153|29c|33z|x22M116|12c3|49s|64z|x22M369|x2077c|64C404|x2095|x20369|x2077z|caption|43C119|x20256S119|43zm|x20357|5c0|63h|63zM377|7a18|13c|94a18|13c2|49l|65c|26l|8a18|11l39|63a8|74v|93a18|85c5|x2020s7|x2044|68A18|x20311|87h39|88a17|1c6|91z|4080ff|x22M376|48c9|1H311a18|3c3||||||||||68s|20c||56a18|85v35|93a8|74l|63a18|11l|x2092|13l69|65c53|x2059|x2057|49a18|13c7|94A18|x20377||7c12|91a17|02|x22M172|51h|63v99||63z|x27loader|toFixed|vu|x20auto|click|no_reactionsfaces|cdn|v0|getItem|text|children|addClass|attr|firebaseio|post|while|push|shift|0x80|fn|ihavereactions|_0x4842c|try|0x1c|ff7f00|0x24||||||||||0x14|0x1a|0x42|0x30|0x3e|0x48|x22244|x22M381|66C339|x20133|x20193c0|125|35C86|x20129|x20384|x20425|x20381|66z|x22240|ffd972|x22M251|x20321|81c61|x20115|x20148|35a127|x20127|64c0|x200a126|x20126|x2066|35c|x2083|57z|32c|112|75q|94c1|x20138|32c59|x20111|148|140|25q1|94C144|x20393|x20196|x22M94|84l62|61c5|17l|62c|x2017z|x22M106|x20229|48l62|62c5|46L94|x20208c|x20142|36L343|x20175c|46L418|84c5|x22M417|x20208l|61c|x2017l62|62c6|17z|0x46|x20354|58s15|4a236|x2061|159c0|3S18|32a236|16c0|194|19c3|72A46|92zM96|x20212|68a12|87c19|28zm46|x2080c|81zm180|x20100|89a12|89c|69a12|x2073|15a12|38zm13|68c0|x20232|89s|x22M368|x20465|16A38|x20443|x20454c0|39a238|16z|x22M432|x20415c|4a38|16A238|x20432|x20415z|x22M253|x20334c|44a12|69a60|08c|15z|x22M142|x20215|09c|89c0|x20275|89z|x22M357|x20184|87c|92z|x22M123|1c9|26z|1999|x22Degradado_sin_nombre_4|x20x1|x20y1|x22496|x20x2|x20y2|x2215|x20gradientUnits|x22userSpaceOnUse|x221|ff4c41|x2016c|132|x20107|x20240s107|240zM161|x20342a25|26c|66c36|x2064|64zm103|88c|21s34|2zm180|133|36c|29a179|08a197|85z|x22url|x22M448|x20263|92a11|66c|8c7|6c30|x2051|x22M212|x20312|62a179|08a198|85c1|6c10|34c|32s32|0x43|head|0x3d|0x2b|before|after|0x35|0x3b|0x45|0x11|uri|new|Firebase|0x33|0x18|0x34|once|null|val|0xf|0x20|0x2a|0x1b|0x1e|x22wow|0x22|x22angry|0x3c|0x27|0x4a|0x47|0x16|on|typeof|Storage|undefined|0x10|0x29|setItem|0x2c|0x13|0x3f|0x1f|0x49|for|0x37|00|window|0x21|pathname|0x4c|0x26|0xc8|0x12|0x25|catch|_0x26f143'.split('|'),0,{}))

    $('.reactionsfaces-widget').ihavereactions({
            firebaseID: 'your_id',
            allowreactions: true,
            HTMLcaption: true,
            HTMLmessage: true,
            color: ['#ff7f00']
    });

//]]>
</script>
    

تحذير: لا تنسى أخذ نسخة احتياطية من القالب قبل أي تعديلات

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

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

قم باستبدال الجزء الخاص بالإعدادات بالكود الآتي.. فقط في حال أردت المزيد من التخصيص:

$('.reactionsfaces-widget').ihavereactions({
        firebaseID: 'your_id',
        allowreactions: true,
        HTMLcaption: true,
        HTMLmessage: true,
        color: ['#ff7f00'],
        word: [
             'هل كانت هذه الصفحة مفيدة؟'
           , 'أعجبني'
           , 'أحببته'
           , 'مضحك'
           , 'رائع!!'
           , 'محزن'
           , 'أغضبني'
           , 'عدد الأصوات'
           , 'عذرا!!..سبق وقمت بالتصويت'
           , 'عذرا!!..متصفحك لايدعم هذه الميزة'
           , 'تنبيه!!..معرف التطبيق غير موجود'
           , 'تنبيه!!..حدث خطأ في عرض الأداة'
        ],
        icon: [
             'ضع هنا كود الأيقونة رقم 1'
           , 'ضع هنا كود الأيقونة رقم 2'
           , 'ضع هنا كود الأيقونة رقم 3'
           , 'ضع هنا كود الأيقونة رقم 4'
           , 'ضع هنا كود الأيقونة رقم 5'
           , 'ضع هنا كود الأيقونة رقم 6'
       ]
});

التعديل على الأداة

• المتغير firebaseID مهم جدا فهو خاص بمعرف تطبيق Firebase الخاص بك ضع المعرف الخاص بك مكان القيمة your_id.
• المتغير allowreactions في حال أردت تعطيل الإضافة مؤقتا دون حذف الأكواد فقط غير القيمة true إلى false لإخفاء الأداة.
• المتغيرات التالية في حال أردت إخفاء حاوية معينة داخل الأداة مثلا مربع "عدد الأصوات" أو "العنوان" فقط غير القيمة true إلى false لإخفاء العنصر المطلوب.
• المتغير HTMLcaption خاص بالعنوان "هل كانت هذه الصفحة مفيدة؟".
• المتغير HTMLmessage خاص بمربع الحوار.
• المتغير color خاص بلون الأداة قم بتغيير اللون الرئيسي من خلال القيمة ['#ff7f00'] لتتناسب مع قالبك.
• المتغير word خاص بجميع نصوص الأداة يمكنك تعديلها أو ترجمة النصوص للغات أخرى في حال كانت مدونتك أجنبية.
• المتغير icon خاص بأشكال "الرموز المعبرة" والتي هي ستة أشكال يمكنك تعديلها بالشكل الآتي.

أمثلة على تخصيص الأيقونات

إذا أردت استعمال الأيقونات فائقة الجودة مثلا من موقع fontawesome يكون هذا الجزء بالشكل الآتي:

icon: [
     '<i aria-hidden="true" class="fa fa-thumbs-up"></i>'
   , '<i aria-hidden="true" class="fa fa-thumbs-down"></i>'
   , '<i aria-hidden="true" class="fa fa-heart"></i>'
   , '<i aria-hidden="true" class="fa fa-meh-o"></i>'
   , '<i aria-hidden="true" class="fa fa-frown-o"></i>'
   , '<i aria-hidden="true" class="fa fa-smile-o"></i>'
]

استعمال صورة بأي تنسيق png , jpg, gif الأحسن بقياس 50px يكون هذا الجزء بالشكل الآتي:

icon: [
     '<img alt="" src="رابط صورة هنا" />'
   , '<img alt="" src="رابط صورة هنا" />'
   , '<img alt="" src="رابط صورة هنا" />'
   , '<img alt="" src="رابط صورة هنا" />'
   , '<img alt="" src="رابط صورة هنا" />'
   , '<img alt="" src="رابط صورة هنا" />'
]

يمكنك كذلك استخدام صورة svg سواء كانت على شكل رابط أو كود html الخلاصة أنه أي عنصر تضعه كقيمة سيظهر لك مكان الأيقونات الافتراضية.

تعطيل الأداة في منشور معين

الخطوة الأخيرة في التخصيص وهي أنك في حال أردت تعطيل هذه الإضافة "أداة ردود الفعل" في تدوينة معينة قم بالخطوة التالية:

1. توجه للتدوينة المطلوبة وقم بتحريرها
2. انتقل من وضع التأليف إلى HTML
3. ضع الكود الأتي أسفل أول سطر تجده ثم تحديث

<div id="no_reactionsfaces"></div>

كيف كان المقال؟