إضافة ردود الفعل للتدوينة على شكل رموز معبرة 😔 بإستخدام تطبيق Firebase

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

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

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

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

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

1. مميزات الإصدار V1
2. -شكل عصري ومتوافق مع سياسة الأرشفة متجاوبة وبدون تكرار أو أخطاء.
3. -الأداة تعرض تلقائيا في جميع صفحات النشر مع إمكانية إخفاء الأداة عموما أو فقط من تدوينة معينة.
4. -التحكم في إظهار بعض الأجزاء المعروضة مثلا إخفاء -العنوان- و -مربع الحوار-.
5. -إمكانية تغيير اللون الرئيسي ليناسب قالب مدونتك.
6. -إمكانية تغيير جميع النصوص المتواجدة سواء لغرض التعديل أو الترجمة للغات أخرى.
7. -إمكانية تغيير جميع الأيقونات الستة وإستبدالها بطرق مختلفة.
8. -الأداة مستقلة ولاتخضع لخدمات الطرف الثالث..أي لاتحتاج للتسجيل في أي موقع.
9. -لاتحتاج لتشغيلها سوى لمعرف التطبيق الخاص بك على Firebase تماما مثل عداد مشاهدة الموضوع.
10. -الأداة تدعم التخزين المحلي local storage بحيث لاتسمح للمستخدم بالتصويت المتكرر لنفس الموضوع.

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

• المعاينة

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

لاتنسى أخذ نسخة إحتياطية من القالب

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

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

لاتنسى أخذ نسخة إحتياطية من القالب

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

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

  ملاحظة:

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

    <!-- Reactions faces -->
  <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>

• قم بالبحث عن هذا الوسم ]]></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.com يكون هذا الجزء بالشكل الآتي..

                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="رابط صورة هنا" />'
               ]

    
    
    check_circle

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

  تعليق:

  الخطوة الأخيرة في التخصيص وهي أنك في حال أردت تعطيل هذه الإضافة -أداة ردود الفعل- في تدوينة معينة قم بالخطوة التالية.
• توجه للتدوينة المطلوبة وقم بتحريرها >> إنتقل من وضع التأليف إلى HTML وضع الكود الأتي أسفل أول سطر تجده ثم تحديث

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