5/26/2018

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






حول الهدية

هي عبارة عن أداة على شكل نافذة منبثقة تحتوي على خلفية متحركة و عبارات التهنئة بالشهر الفضيل وهي من تصميم Arlina Design إلا أنه من عيوبها الأساسية كونها تظهر في كل وقت وهذا يسبب إزعاج للزائر أضف أنها لاتحتوي على التاريخ وهذا مهم كما أنها لاتدعم كل المتصفحات وكثرة التكرار في أكواد Css لكننا جعلناها أكثر إحترافية بحيث أصبحت تحتوي على سكريبت حصرى :

  1. مميزات هذه الإضافة
  2. التقويم الهجري
  3. التقويم الميلادي
  4. ساعة إلكترونية
  5. تخصيص من صفحة التخطيط
  6. تظهر للزائر مرة واحدة كل يوم مع إمكانية التعديل
  7. تنسيق أكواد ستايل الإضافة من حيث التكرار والدعم
  8. متوفرة بثلاث أشكال رائعة



قم بالمعاينة المباشرة للأداة قبل الشروع في طريقة التركيب لاتنسى الإنتقال بين جميع الأشكال (الأرجواني , الأزرق, البرتقالي)

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

الخطوة الأولى [تركيب الأداة]

  • قم بتسجيل حسابك ثم إذهب إلى منصة البلوجر dashboard
  • إنتقل للمدونة >> ثم إلى التخطيط >> من أي مكان قم بإضافة أداة   HTML/JavaScript 
  • ملاحظة مهمة
    لاتنسى إعطاء الأداة الجديد عنوان فريد حتى يسهل البحث عليه ضع مثلا رمضان كريم ثم قم بنسخ هذا الإسم بعدها حفظ للأداة .
  • إنتقل الآن إلى >> المظهر >> ثم إضغط على تحرير  Edit HTML 
  • إضغط في وسط محرر الأكواد  ثم   F + Ctrl لإضهار مربع البحث
  • ضع الإسم رمضان كريم الذي نسخته في مربع البحث ثم Enter ليظهر معك كود الأداة الجديدة بهذا الشكل مثلا

  • ماعليك الآن سوى إستبدال كامل كود الأداة بالكود الآتي ...ثم إنتقل للمرحلة التالية

  • 
                <b:widget id='HTML439' locked='false' title='رمضان كريم' type='HTML' version='1'>
                  <b:widget-settings>
                    <b:widget-setting name='content'>اعاده الله علينا و عليكم باليمن و البركات</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
      <!-- Pop Up Animation Ramadan 2018 -->
    <div class='widget-content'><div id='cookie'><div id='ba88puasa2018'><div id='tarikhba88'><span id='clock'>
    <script type='text/javascript'>window.onload = start(&#39;clock&#39;);</script>
    </span></div><a class='close-popup' href='javascript:void(0);' title='اغلق'><i class='fa fa-times'/></a><div class='puasa18'><p><span class='ramadan2018'><data:title/></span></p><p><span class='ramadan2018-Félicitations'><data:content/></span></p></div><div class='gunung18'/><div class='gunung18 behind'/><div class='hari18'><div class='awan18'/><div class='awan18 invert'/><div class='sun'/>
    </div><div class='malam18'><div class='bintang18'><div class='star'/><div class='star'/><div class='star'/><div class='star'/><div class='star'/><div class='star'/><div class='star'/><div class='star'/></div><div class='moon'/></div><div id='Ramadan-blogg-code'/></div></div></div>
      <b:include name='quickedit'/>
    </b:includable>
                </b:widget>


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

الخطوة الثانية

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

  • 
    <script type='text/javascript'>
        //<![CDATA[ 
    /*
      Pop Up Animation Ramadan 2018
      blogg code
    © Dynamic Drive (https://blogg-code.blogspot.com/)
    
    */
             var _0= {
                fifteenDays: 24 * 60 * 60 * 1000,
                idcontaint: "#cookie",
                closecontaint: "a.close-popup",
                writeIslamicDate: 2,
                letterHijri: "هـ",
                letterMiladi: "م",
                AM: "صباحاً",
                PM: "مساءً",
                monthsIslamic: ["محرم","صفر","ربيع أول","ربيع ثانى","جمادى أول","جمادى ثانى","رجب","شعبان","رمضان","شوال","ذو القعدة","ذو الحجة"],
                Monthmiladi: ["يناير","فبراير","مارس","إبريل","مايو","يونيو","يوليوز","أغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],
                weekdays: ["الأحد","الإثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت"],
    
              };
    var _0x431b=["\x6E\x6F\x43\x6F\x6E\x66\x6C\x69\x63\x74","\x76\x69\x73\x69\x74\x65\x64\x3D\x74\x72\x75\x65","\x69\x6E\x64\x65\x78\x4F\x66","\x63\x6F\x6F\x6B\x69\x65","\x66\x69\x66\x74\x65\x65\x6E\x44\x61\x79\x73","\x76\x69\x73\x69\x74\x65\x64\x3D\x74\x72\x75\x65\x3B\x65\x78\x70\x69\x72\x65\x73\x3D","\x74\x6F\x55\x54\x43\x53\x74\x72\x69\x6E\x67","\x69\x64\x63\x6F\x6E\x74\x61\x69\x6E\x74","\x63\x6C\x6F\x73\x65\x63\x6F\x6E\x74\x61\x69\x6E\x74","\x64\x69\x73\x70\x6C\x61\x79","\x62\x6C\x6F\x63\x6B","\x63\x73\x73","\x68\x65\x69\x67\x68\x74","\x77\x69\x64\x74\x68","\x74\x6F\x70","\x6C\x65\x66\x74","\x70\x72\x65\x76\x65\x6E\x74\x44\x65\x66\x61\x75\x6C\x74","\x66\x61\x64\x65\x4F\x75\x74","\x63\x6C\x69\x63\x6B","\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x62\x6C\x6F\x67\x67\x2D\x63\x6F\x64\x65\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x22\x20\x72\x65\x6C\x3D\x22\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\u0645\u0646\x20\u0637\u0631\u0641\x20\u0628\u0644\u0648\u062C\u0631\x20\u0643\u0648\u062F\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x64\x69\x73\x70\x6C\x61\x79\x3A\x20\x69\x6E\x6C\x69\x6E\x65\x2D\x62\x6C\x6F\x63\x6B\x20\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x6F\x76\x65\x72\x66\x6C\x6F\x77\x3A\x20\x68\x69\x64\x64\x65\x6E\x20\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x20\x61\x62\x73\x6F\x6C\x75\x74\x65\x20\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x7A\x2D\x69\x6E\x64\x65\x78\x3A\x20\x39\x39\x20\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x66\x6F\x6E\x74\x2D\x73\x69\x7A\x65\x3A\x20\x31\x34\x70\x78\x20\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x62\x6F\x74\x74\x6F\x6D\x3A\x20\x30\x20\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x6C\x65\x66\x74\x3A\x20\x30\x20\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x6D\x61\x72\x67\x69\x6E\x3A\x20\x31\x30\x70\x78\x20\x21\x69\x6D\x70\x6F\x72\x74\x61\x6E\x74\x3B\x22\x3E\x3C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x66\x61\x20\x66\x61\x2D\x68\x65\x61\x72\x74\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x63\x6F\x6C\x6F\x72\x3A\x20\x23\x63\x65\x33\x65\x33\x65\x3B\x22\x3E\x3C\x2F\x69\x3E\x3C\x2F\x61\x3E","\x68\x74\x6D\x6C","\x23\x62\x61\x38\x38\x70\x75\x61\x73\x61\x32\x30\x31\x38\x20\x23\x52\x61\x6D\x61\x64\x61\x6E\x2D\x62\x6C\x6F\x67\x67\x2D\x63\x6F\x64\x65","\x6C\x65\x6E\x67\x74\x68","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x62\x6C\x6F\x67\x67\x2D\x63\x6F\x64\x65\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F","\x66\x6C\x6F\x6F\x72","\x79\x65\x61\x72","\x6D\x6F\x6E\x74\x68","\x64\x61\x79","\x74\x6F\x46\x69\x78\x65\x64","\x74\x6F\x53\x74\x72\x69\x6E\x67","\x74\x6F\x6D\x6F\x6E\x74\x68\x73","\x6D\x6F\x6E\x74\x68\x73","\x6D\x6F\x6E\x74\x68\x73\x49\x73\x6C\x61\x6D\x69\x63","\x63\x65\x69\x6C","\x20","\x6D\x69\x6E","\x77\x72\x69\x74\x65\x49\x73\x6C\x61\x6D\x69\x63\x44\x61\x74\x65","\x77\x65\x65\x6B\x64\x61\x79\x73","\x4D\x6F\x6E\x74\x68\x6D\x69\x6C\x61\x64\x69","\x67\x65\x74\x46\x75\x6C\x6C\x59\x65\x61\x72","\x67\x65\x74\x4D\x6F\x6E\x74\x68","\x67\x65\x74\x44\x61\x74\x65","\x67\x65\x74\x44\x61\x79","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x6D\x69\x6C\x61\x64\x69\x2D\x74\x61\x72\x69\x6B\x68\x27\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x27\x64\x61\x2D\x6D\x69\x27\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x27\x6D\x6F\x2D\x6D\x69\x27\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x27\x79\x61\x2D\x6D\x69\x27\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x27\x72\x61\x2D\x6D\x69\x27\x3E","\x6C\x65\x74\x74\x65\x72\x4D\x69\x6C\x61\x64\x69","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x2F\x64\x69\x76\x3E","","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x48\x69\x6A\x72\x69\x2D\x74\x61\x72\x69\x6B\x68\x27\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x27\x77\x65\x65\x6B\x64\x61\x79\x27\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x27\x64\x61\x2D\x48\x69\x27\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x27\x6D\x6F\x2D\x48\x69\x27\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x27\x79\x61\x2D\x48\x69\x27\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x27\x72\x61\x2D\x48\x69\x27\x3E","\x6C\x65\x74\x74\x65\x72\x48\x69\x6A\x72\x69","\x61\x70\x70\x65\x6E\x64","\x23\x74\x61\x72\x69\x6B\x68\x62\x61\x38\x38","\x72\x65\x61\x64\x79","\x30","\x41\x4D","\x50\x4D","\x67\x65\x74\x48\x6F\x75\x72\x73","\x67\x65\x74\x4D\x69\x6E\x75\x74\x65\x73","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x63\x6C\x6F\x63\x6B","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x3A"];var _4=jQuery[_0x431b[0]]();_4(document)[_0x431b[60]](function Ramadan(){if(document[_0x431b[3]][_0x431b[2]](_0x431b[1])==  -1){var _0x94d2x3= new Date(( new Date()).valueOf()+ _0[_0x431b[4]]);document[_0x431b[3]]= _0x431b[5]+ _0x94d2x3[_0x431b[6]]();var _0x94d2x4=_0[_0x431b[7]],_0x94d2x5=_0[_0x431b[8]];_4(_0x94d2x4)[_0x431b[11]](_0x431b[9],_0x431b[10]);var _0x94d2x6=_4(document)[_0x431b[12]]();var _0x94d2x7=_4(window)[_0x431b[13]]();_4(_0x94d2x4)[_0x431b[11]]({"\x77\x69\x64\x74\x68":_0x94d2x7,"\x68\x65\x69\x67\x68\x74":_0x94d2x6});var _0x94d2x8=_4(document)[_0x431b[12]]();var _0x94d2x9=_4(window)[_0x431b[13]]();_4(_0x94d2x4)[_0x431b[11]](_0x431b[14],_0x94d2x8/ 2- _4(_0x94d2x4)[_0x431b[12]]()/ 2);_4(_0x94d2x4)[_0x431b[11]](_0x431b[15],_0x94d2x9/ 2- _4(_0x94d2x4)[_0x431b[13]]()/ 2);_4(_0x94d2x5)[_0x431b[18]](function(_0x94d2xa){_0x94d2xa[_0x431b[16]]();_4(_0x94d2x4)[_0x431b[17]]()})};_4(_0x431b[21])[_0x431b[20]](_0x431b[19]);setInterval(function(){if(!_4(_0x431b[21])[_0x431b[22]]){window[_0x431b[24]][_0x431b[23]]= _0x431b[25]}},2451);var _0x94d2xb;function _0x94d2xc(_0x94d2xd){return _0x94d2xd% 4== 0&& _0x94d2xd% 100!= 0|| _0x94d2xd% 400== 0}function _0x94d2xe(_0x94d2xd,_0x94d2xf,_0x94d2x10){var _0x94d2x11=Math[_0x431b[26]]((_0x94d2xd- 1)/ 4);var _0x94d2x12=Math[_0x431b[26]]((_0x94d2xd- 1)/ 100);var _0x94d2x13=Math[_0x431b[26]]((_0x94d2xd- 1)/ 400);var _0x94d2x14=Math[_0x431b[26]]((367* _0x94d2xf- 362)/ 12);if(_0x94d2xf<= 2){e= 0}else {if(_0x94d2xf> 2&& _0x94d2xc(_0x94d2xd)){e=  -1}else {e=  -2}};return 1- 1+ 365* (_0x94d2xd- 1)+ _0x94d2x11- _0x94d2x12+ _0x94d2x13+ _0x94d2x14+ e+ _0x94d2x10}function _0x94d2x15(_0x94d2xd,_0x94d2xf,_0x94d2x10){this[_0x431b[27]]= _0x94d2xd;this[_0x431b[28]]= _0x94d2xf;this[_0x431b[29]]= _0x94d2x10;this[_0x431b[30]]= _0x94d2x16;this[_0x431b[31]]= _0x94d2x18;this[_0x431b[32]]= _0x94d2x17;this[_0x431b[33]]= _0[_0x431b[34]]}function _0x94d2x16(){return this[_0x431b[29]]+ Math[_0x431b[35]](29.5* (this[_0x431b[28]]- 1))+ (this[_0x431b[27]]- 1)* 354+ Math[_0x431b[26]]((3+ 11* this[_0x431b[27]])/ 30)+ 227015- 1}function _0x94d2x17(){return this[_0x431b[33]][this[_0x431b[28]]- 1]}function _0x94d2x18(){return this[_0x431b[29]]+ _0x431b[36]+ this[_0x431b[33]][this[_0x431b[28]]- 1]+ _0x431b[36]+ this[_0x431b[27]]}function _0x94d2x19(_0x94d2x1a){var _0x94d2x1b= new _0x94d2x15(1100,1,1);_0x94d2x1b[_0x431b[27]]= Math[_0x431b[26]]((30* (_0x94d2x1a- 227015)+ 10646)/ 10631);var _0x94d2x1c= new _0x94d2x15(_0x94d2x1b[_0x431b[27]],1,1);var _0x94d2x1d=Math[_0x431b[35]]((_0x94d2x1a- 29- _0x94d2x1c[_0x431b[30]]())/ 29.5)+ 1;_0x94d2x1b[_0x431b[28]]= Math[_0x431b[37]](_0x94d2x1d,12);_0x94d2x1c[_0x431b[27]]= _0x94d2x1b[_0x431b[27]];_0x94d2x1c[_0x431b[28]]= _0x94d2x1b[_0x431b[28]];_0x94d2x1c[_0x431b[29]]= _0[_0x431b[38]];_0x94d2x1b[_0x431b[29]]= _0x94d2x1a- _0x94d2x1c[_0x431b[30]]()+ 1;return _0x94d2x1b}var _0x94d2x1e= new Date();var _0x94d2x1f=_0[_0x431b[39]];var _0x94d2x20=_0[_0x431b[40]];var _0x94d2x21=_0x94d2x1e[_0x431b[41]]();var _0x94d2x1d=_0x94d2x1e[_0x431b[42]]();var _0x94d2x14=_0x94d2x1e[_0x431b[43]]();var _0x94d2x22=_0x94d2x1e[_0x431b[44]]();var _0x94d2x23=_0x431b[45]+ _0x94d2x14+ _0x431b[46]+ _0x94d2x20[_0x94d2x1d]+ _0x431b[47]+ _0x94d2x21+ _0x431b[48]+ _0[_0x431b[49]]+ _0x431b[50];_0x94d2x1d++;_0x94d2xb= _0x94d2xe(_0x94d2x21,_0x94d2x1d,_0x94d2x14);var _0x94d2x24= new _0x94d2x15(1421,11,28);_0x94d2x24= _0x94d2x19(_0x94d2xb);var _0x94d2x25=_0x94d2x24[_0x431b[27]];var _0x94d2x26=_0x94d2x24[_0x431b[28]];var _0x94d2x27=_0x94d2x24[_0x431b[29]];var _0x94d2x28=_0x94d2x24.toString();var _0x94d2x29=_0x94d2x24[_0x431b[32]]();var _0x94d2x2a=_0x431b[51];_0x94d2x2a= _0x431b[52]+ _0x94d2x1f[_0x94d2x22]+ _0x431b[53]+ _0x94d2x27+ _0x431b[54]+ _0x94d2x29+ _0x431b[55]+ _0x94d2x25+ _0x431b[56]+ _0[_0x431b[57]]+ _0x431b[50]+ _0x94d2x23;_4(_0x431b[59])[_0x431b[58]](_0x94d2x2a)})(jQuery);function checkTime(_0x94d2x1d){if(_0x94d2x1d< 10){_0x94d2x1d= _0x431b[61]+ _0x94d2x1d};return _0x94d2x1d}function twelvehour(_0x94d2x24){if(_0x94d2x24> 12){var _0x94d2x1a=_0x94d2x24- 12;return _0x94d2x1a};if(_0x94d2x24== 0){return 12}else {return _0x94d2x24}}function get_ampm(_0x94d2x24){if(_0x94d2x24< 12){return _0[_0x431b[62]]};if(_0x94d2x24>= 12){return _0[_0x431b[63]]}}function start(){var _0x94d2x2f= new Date();var _0x94d2x24=_0x94d2x2f[_0x431b[64]]();var _0x94d2x1d=_0x94d2x2f[_0x431b[65]]();var _0x94d2x30=get_ampm(_0x94d2x24);_0x94d2x1d= checkTime(_0x94d2x1d);_0x94d2x24= twelvehour(_0x94d2x24);document[_0x431b[68]](_0x431b[67])[_0x431b[66]]= _0x94d2x24+ _0x431b[69]+ _0x94d2x1d+ _0x431b[36]+ _0x94d2x30;var _0x94d2x31=setTimeout(start,1* 1000)}
        //]]>  
        </script>  
    

    التعديل على الكود
    العلامة fifteenDays: المحددة بهذا اللون خاص بـالـ cookie سجل ملفات الإرتباط أي المدة التى يعاد فيها إظهار الأداة إذا لم يمسح المستخدم سجل المتصفح تستطيع التحكم في تلك المدة كالتالي مع العلم انه كلما غيرت القيمة عليك محو سجلك في حال أردت المعاينة:
    - أظهر الأداة كل واحد مليون جزء ثانية نضع القيمة 1
    - أظهر الأداة كل واحد ثانية نضع القيمة 1000
    - أظهر الأداة كل دقيقة نضع القيمة 60 * 1000
    - أظهر الأداة كل ساعة نضع القيمة 60 * 60 * 1000
    - أظهر الأداة كل يوم(24 hours) نضع القيمة 24 * 60 * 60 * 1000 وهي القيمة الموجودة في الإظافة
    - أظهر الأداة كل شهر(29.6 Days) نضع القيمة 29.6 * 24 * 60 * 60 * 1000
    العلامتين المحددة بهذا اللون idcontaint: تحمل المعرف الرئيسي الخاص بالإضافة والعلامة closecontaint: تحمل المعرف الخاص بزر الإغلاق للنافذة المنبثقة
    العلامة writeIslamicDate: المحددة بهذا اللون خاص بزيادة يوم أو إنقاصه في التاريخ الهجري بما ان التاريخ الهجري متغير فقد ياتي الشهر زائد او ناقص بحسب دورة القمر فنحتاج ان تكون هناك امكانية لمجارات ذلك وهذا ما يتيح له لك السكريبت وهو كالتالي:
    - عند وضع رقم 0 يصبح الشهر ابن ليلتين أي انه سيتقدم يومين من التاريخ الحالي
    - عند وضع رقم 1 سينقص يوم ليصبح الشهر في دورته السليمة (بغض النظر عن انتفاخ الهلال)
    - عند وضع رقم 2 سينقص يومين ويتماشى مع التاريخ الحالي (بالعلم ان شهر رمضان سنة 2018 كان في التقويم يوم الأربعاء)
    العلامة letterHijri: "هـ", والعلامة letterMiladi: "م", المحددة بهذا اللون تحمل حرف إختصار نوع التقويم هـ تشير للتاريخ الهجري و متشير للتاريخ الميلادي.
    العلامة AM: "صباحاً", والعلامة PM: "مساءً", المحددة بهذا اللون تحوي إختصار تفسير زمن الساعة بالعلم أن:
    - AM وهي مختصرة من الكلمة اللاتينية Ante Meridiem و معناها قبل الظهر بالعربية وتستخدم للتوقيت الصباحي من الثانية عشر منتصف الليل و حتى الثانية عشر بعد الظهر.
    - PM وهي مختصرة من الكلمة اللاتينية Post Meridiem ومعناها بعد الظهر بالعربية وتستخدم للتوقيت المسائي من الثانية عشر بعد الظهر وحتى الثانية عشر منتصف الليل.
    العلامة monthsIslamic: والعلامة Monthmiladi: والعلامة weekdays: المحددة بهذا اللون تحوي اسماء الأشهر وايام الأسبوع كما هو مبين في الكود ذلك لمن يريد تعديلها او استعمالها بالأحرف اللاتينية بدل الأحرف العربية.
  • قم بالبحث عن هذا الوسم ]]></b:skin> فوقه أي قبله قم بوضع كود.css

  • 
    /*\
    ===============================>
    ===Pop Up Animation Ramadan 2018=====
    ===============================>
    \*/
    /*==========change_color=======blue======*/
    @keyframes change_color{
    0%{background:#337ec0;}
    33.33%{background:#4c84b5;}
    66.66%{background:#204667;}
    100%{background:#337ec0;}}
    @-webkit-keyframes change_color{
    0%{background:#337ec0;}
    33.33%{background:#4c84b5;}
    66.66%{background:#204667;}
    100%{background:#337ec0;}}
    .gunung18 {background: #7fc242;}
    .gunung18.behind {background: #71ad39;}
    #tarikhba88 #clock {color: #7fc242;}
    #cookie {background-color:rgba(0,0,0,0.49);}
    /*===================================*/
    /*flipInX*/
    @keyframes flipInX{
    from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0;}
    40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in;}
    60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}
    80%{transform:perspective(400px) rotate3d(1,0,0,-5deg);}
    to{transform:perspective(400px);}}@-webkit-keyframes flipInX{
    from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0;}
    40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in;}
    60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}
    80%{transform:perspective(400px) rotate3d(1,0,0,-5deg);}
    to{transform:perspective(400px);}}
    /*run_hari18*/
    @keyframes run_hari18{0%{transform:translate(0%,0);opacity:0;}50%{transform:translate(100%,0);opacity:1;}100%{transform:translate(100%,0);opacity:0;}}@-webkit-keyframes run_hari18{0%{transform:translate(0%,0);opacity:0;}50%{transform:translate(100%,0);opacity:1;}100%{transform:translate(100%,0);opacity:0;}}
    /*sun_movement*/
    @keyframes sun_movement{0%{top:50px;}100%{top:50px;}}@-webkit-keyframes sun_movement{0%{top:50px;}100%{top:50px;}}
    /*run_malam18*/
    @keyframes run_malam18{0%{transform:translate(-20%,0);opacity:0;}49.99%{transform:translate(0%,0);opacity:1;}99.99%{transform:translate(20%,0);opacity:0;}100%{transform:translate(-20%,0);opacity:1;}}@-webkit-keyframes run_malam18{0%{transform:translate(-20%,0);opacity:0;}49.99%{transform:translate(0%,0);opacity:1;}99.99%{transform:translate(20%,0);opacity:0;}100%{transform:translate(-20%,0);opacity:1;}}
    /*moon_movement*/
    @keyframes moon_movement{0%{transform:translate(-200%,0);opacity:0;}49.99%{transform:translate(0%,0);opacity:1;}99.99%{transform:translate(200%,0);opacity:0;}100%{transform:translate(-200%,0);opacity:1;}}@-webkit-keyframes moon_movement{0%{transform:translate(-200%,0);opacity:0;}49.99%{transform:translate(0%,0);opacity:1;}99.99%{transform:translate(200%,0);opacity:0;}100%{transform:translate(-200%,0);opacity:1;}}
    /* date time*/
    #tarikhba88 span{margin-left:5px;text-shadow:2px 2px 5px rgba(0,0,0,0.2);}
    #tarikhba88 .Hijri-tarikh{position:relative;display:block;float:right;clear:both;width:100%;font-size:1.2rem;color:#FFFFFF;}
    #tarikhba88 .miladi-tarikh{position:absolute;bottom:0;right:0;margin:5px 15px;z-index:2;font-size:1em;color:#FFFFFF;}
    #tarikhba88 #clock{position:relative;float:left;display:inline-block;top:0;left:0;margin:5px 0;font-size:2rem;font-family:inherit;}
    /* min css Ramadan */
    #cookie{overflow:hidden;z-index:9999;position:fixed!important;padding:0;display:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
    #ba88puasa2018{display:block;background:#fff;position:fixed;top:25%;right:0;left:0;margin:auto;text-align:center;max-width:660px;-webkit-box-shadow:0 19px 38px rgba(0,0,0,0.1),0 15px 12px rgba(0,0,0,0.12);-moz-box-shadow:0 19px 38px rgba(0,0,0,0.1),0 15px 12px rgba(0,0,0,0.12);-ms-box-shadow:0 19px 38px rgba(0,0,0,0.1),0 15px 12px rgba(0,0,0,0.12);-o-box-shadow:0 19px 38px rgba(0,0,0,0.1),0 15px 12px rgba(0,0,0,0.12);box-shadow:0 19px 38px rgba(0,0,0,0.1),0 15px 12px rgba(0,0,0,0.12);border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;z-index:90;min-height:350px;padding:20px;overflow:hidden;-webkit-animation:change_color 7s infinite linear,flipInX 1s linear;animation:change_color 7s infinite linear,flipInX 1s linear;}
    #ba88puasa2018 .puasa18{position:absolute;color:#fff;font-size:2rem;font-weight:400;padding:30px;z-index:91;text-align:center;margin:auto;left:0;right:0;top:20%;}
    #ba88puasa2018 .puasa18 p{margin:35px auto 20px;text-shadow:2px 2px 5px rgba(0,0,0,0.2);}
    #ba88puasa2018 .puasa18 .ramadan2018{font-size:3rem;font-weight:700;}
    #ba88puasa2018 a.close-popup{position:absolute;top:15px;right:20px;color:#fff;text-align:center;cursor:pointer;z-index:91;}
    #ba88puasa2018 a.close-popup:hover{color:#fff;}
    #ba88puasa2018 a.close-popup:active{opacity:0;}
    #ba88puasa2018 a.close-popup i{font-family:fontawesome;font-size:20px;font-weight:normal;font-style:normal;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
    #ba88puasa2018 a.close-popup:hover i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
    .gunung18{width:400px;height:300px;display:block;position:absolute;bottom:-150px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border-radius:50px;-o-border-radius:50px;-ms-border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;z-index:2;left:0;}
    .gunung18.behind{right:-120px;bottom:-180px;z-index:1;}
    .hari18{width:100%;height:100%;display:block;position:absolute;top:0;left:0;-webkit-animation:run_hari18 7s infinite linear;animation:run_hari18 7s infinite linear;}
    .hari18 .awan18{margin:30px auto;width:150px;height:70px;display:block;background:#e7e7e7;border-radius:35px;-o-border-radius:35px;-ms-border-radius:35px;-moz-border-radius:35px;-webkit-border-radius:35px;-webkit-box-shadow:inset 0 -7px 0 0 #d7d7d7;-moz-box-shadow:inset 0 -7px 0 0 #d7d7d7;-ms-box-shadow:inset 0 -7px 0 0 #d7d7d7;-o-box-shadow:inset 0 -7px 0 0 #d7d7d7;box-shadow:inset 0 -7px 0 0 #d7d7d7;border:10px solid #ffffff;position:absolute;top:90px;left:50px;}
    .hari18 .awan18:before{content:"";width:65px;height:35px;display:block;background:#e7e7e7;border-radius:35px 35px 0 0;-o-border-radius:35px 35px 0 0;-ms-border-radius:35px 35px 0 0;-moz-border-radius:35px 35px 0 0;-webkit-border-radius:35px 35px 0 0;border:10px solid #ffffff;border-bottom:0;position:absolute;top:-35px;left:20px;}
    .hari18 .awan18.invert{top:60px;left:250px;}
    .hari18 .awan18.invert:before{left:50px;}
    .hari18 .sun{width:75px;height:75px;display:block;background:#fff297;-webkit-box-shadow:inset -5px -5px 0 0 #ddc991;-moz-box-shadow:inset -5px -5px 0 0 #ddc991;-ms-box-shadow:inset -5px -5px 0 0 #ddc991;-o-box-shadow:inset -5px -5px 0 0 #ddc991;box-shadow:inset -5px -5px 0 0 #ddc991;position:absolute;top:50px;left:0;-webkit-animation:sun_movement 7s infinite linear;animation:sun_movement 7s infinite linear;}
    .malam18{width:100%;height:100%;display:block;position:absolute;top:0;left:0;-webkit-animation:run_malam18 7s infinite linear;animation:run_malam18 7s infinite linear;}
    .malam18 .bintang18 .star{width:5px;height:5px;display:block;background:#f7f7f7;position:absolute;}
    .malam18 .bintang18 .star:nth-child(1){top:50px;left:50px;}
    .malam18 .bintang18 .star:nth-child(2){top:200px;left:70px;}
    .malam18 .bintang18 .star:nth-child(3){top:100px;left:300px;}
    .malam18 .bintang18 .star:nth-child(4){top:50px;left:220px;}
    .malam18 .bintang18 .star:nth-child(5){top:160px;left:320px;}
    .malam18 .bintang18 .star:nth-child(6){top:150px;left:230px;}
    .malam18 .bintang18 .star:nth-child(7){top:180px;left:400px;}
    .malam18 .bintang18 .star:nth-child(8){top:50px;left:360px;}
    .malam18 .moon{width:75px;height:75px;display:block;background:#d7d7d7;-webkit-box-shadow:inset -5px -5px 0 0 #c7c7c7;-moz-box-shadow:inset -5px -5px 0 0 #c7c7c7;-ms-box-shadow:inset -5px -5px 0 0 #c7c7c7;-o-box-shadow:inset -5px -5px 0 0 #c7c7c7;box-shadow:inset -5px -5px 0 0 #c7c7c7;position:absolute;top:50px;left:100px;-webkit-animation:moon_movement 7s infinite linear;animation:moon_movement 7s infinite linear;}
    .hari18 .sun,.malam18 .moon,.malam18 .bintang18 .star{border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
    #ba88puasa2018 #blogg-code a{-webkit-animation:rubberBand .8s infinite linear;-moz-animation:rubberBand .8s infinite linear;-ms-animation:rubberBand .8s infinite linear;-o-animation:rubberBand .8s infinite linear;animation:rubberBand .8s infinite linear;}
    @media (max-width:800px) {#ba88puasa2018 {top: 10px!important;left: 10px;right: 10px;min-height: 250px;}
    #ba88puasa2018 .puasa18{font-size:1.1rem;top:0;}
    #ba88puasa2018 .puasa18 .ramadan2018{font-size:2.2rem;}
    .gunung18,.hari18,.bintang18,.malam18 .moon{display:none;}
    #tarikhba88 .Hijri-tarikh{font-size:1rem;}}
    
    
    ملاحظة مهمة
    ركز معي جيدا...لتغيير لون الأداة تماما مثل ماهو موجود في المعاينة ستقوم ببساطة حذف الجزء المحدد بالـــ في كود Css السابق ثم تقوم بإستبداله بأحد الأكواد التالية ..

لون أرجواني



/*==========change_color=======violet======*/
@keyframes change_color{
0%{background:#9C27B0;}
33.33%{background:#931eb9;}
66.66%{background:#691698;}
100%{background:#9C27B0;}}
@-webkit-keyframes change_color{
0%{background:#9C27B0;}
33.33%{background:#931eb9;}
66.66%{background:#691698;}
100%{background:#9C27B0;}}
.gunung18 {background: #c608e6;}
.gunung18.behind {background: #b613d2;}
#tarikhba88 #clock {color: #c608e6;}
#cookie {background-color:rgba(0,0,0,0.49);}
/*===================================*/

لون أزرق



/*==========change_color=======blue======*/
@keyframes change_color{
0%{background:#337ec0;}
33.33%{background:#4c84b5;}
66.66%{background:#204667;}
100%{background:#337ec0;}}
@-webkit-keyframes change_color{
0%{background:#337ec0;}
33.33%{background:#4c84b5;}
66.66%{background:#204667;}
100%{background:#337ec0;}}
.gunung18 {background: #7fc242;}
.gunung18.behind {background: #71ad39;}
#tarikhba88 #clock {color: #7fc242;}
#cookie {background-color:rgba(0,0,0,0.49);}
/*===================================*/ 

لون برتقالي



/*==========change_color=====orange========*/
@keyframes change_color{
0%{background:#e88520;}
33.33%{background:#f79029;}
66.66%{background:#864a0e;}
100%{background:#e88520;}}
@-webkit-keyframes change_color{
0%{background:#e88520;}
33.33%{background:#f79029;}
66.66%{background:#864a0e;}
100%{background:#e88520;}}
.gunung18 {background: #f7cc2a;}
.gunung18.behind {background: #ffd229;}
#tarikhba88 #clock {color: #f7cc2a;}
#cookie {background-color:rgba(0,0,0,0.49);}
/*===================================*/


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

الخطوة الأخيرة [تعديل الأداة]

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


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

add_commentإرسال تعليق

  1. عايزين إضافة بكون فيها التميز و الإبداع

    ردحذف
    الردود
    1. مرحبا أخ أحمد رمضانك كريم..بالنسبة لسؤالك لم أفهم القصد مانوع الإضافة على سبيل المثال

      حذف
  2. السلام عليكم اخى بن زياد رمضان كريم عليك اعاده الله عليك بالخير واليكم والبركات :D ... اتمنى ان تساعدنى فى امر انا كنت مصمم قوالب بلوجر ولكن تركت هذا المجال فتره من الزمن وعندما اريد تصميم قالب يصيبنى اليأس وحاله من فقدان الأمل بسبب خطأ بسيط يتم من خلال صفحة التخطيط الادوات غير مرتبة مثال عندما اضيف css style الى الوجو نفس الاضافة تحدث فى صفحة التخطيط لهذا اريد حل لهذه المشكلة وكما اريد قالب فارغ الذى تقوم بتركيبه فى بداية التصميم مع ال css reset و ال body و Variables Definitions وسأكون شكراً جداً لك كما ارجو منك ان تجيب على تعليقى فى أسرع وقت وشكراً لك مجدداً تحياتى القلبية اخوك محمد من مصر <:)

    ردحذف
    الردود
    1. وعليكم السلام اخي العزيز رمضان كريم وكل عام وانتم بألف خير...بالنسبة لطلباتك دعدني أجيبك وسأحاول ان اختصر
      في مجال التصميم عموما الصبر وكثرة الإطلاع هو سيد العمل الإحترافي فلايجب أن تيأس حاول أن لاتبتعد عن المجال كله بسبب كود لايتعدى سطرين فهناك دائما حلول وبدائل فقط تعلم ان تفهم الاكواد وكيف تعمل وليس مجرد النسخ واللصق..واعذرني على العبارة
      أما بالنسبة لمشكل الأدوات في صفحة التخطيط كما تعلم هناك معرف مسؤول عن ضبط التعارض وهو body#layout أي نضيف المعرف الخاص بنا دائما بعده ثم نضبط الستايل الخاص به مثلا
      body#layout .logo{...}
      و الستايل الإفتراضي للقوالب يكون بالشكل التالي
      iframe#editorframe,#editorframe {width:1030px!important;}
      body#layout div.section,#layout div.section{margin:0;overflow:visible;padding:10px;position:relative}
      body#layout div.section h4,#layout div.section h4, body#layout div#services, body#layout .parallax-section.parallax1 {display:none;}
      body#layout ul {display: none;}
      /**** Layout Styling CSS *****/
      body#layout .header-wrapper{margin-top:40px}
      body#layout .outer-wrapper,body#layout .sidebar-wrapper,body#layout .cd-wrapper{margin:0;padding:0}
      body#layout .footer.section{display: inline-block;;width:30%}
      body#layout .sidebar-wrapper {display: inline-block;width: 30%;}
      body#layout .main-wrapper {display: inline-block;float: right;width: 67%;}


      واخيرا أعدك إنشاء الله في التدوينة القادمة سأحاول شرح أهم ما تحتويه بنية تصميم القالب وسأرفق معه هدية حصرية عبارة عن قالب فارغ للتصميم يحتوي Reset Stylesheets و المتغيرات و المكتبات ..بالتوفيق ^_^

      حذف
    2. حسناً أخى شكراً على ردك ولاكن ما لا أفهمه الأن عندما اضع ستايل خاص باللوجو يظهر هذا الستايل على صفحة التخطيط ؟ إذا اردت اخى سوف ارسل لك دعوه كمشرف فى المدونة التى اصمم عليها القالب لتلقى نظره وشكرا لك وانا أنتظر المقالة القادمة :]

      حذف
    3. لا مشكل دعني ألقي نظرة هذا بريدي benziane.abdelkader88@gmail.com

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

      حذف
    5. والله ي أخى كلمة مبدع قليلة فى حقق انت فخر العرب طبعا مع محمد صلاح <:) :rolled:
      أشكرك جزيل الشكر .

      حذف
  3. السلام عليكم اخى الكريم اريد ان اسئل عن شئ عندما اريد جعل هذا العنصر getElementById ولكن اريده بدل ال id يستخدم ال class كيف يكون شكل الكود إذا سمحت حاولت جعله هكذا لكنه لم يعمل :-

    function SidebarHide(){
    document.getElementsByClassName("mp8").style.width = "100%";
    }
    ممكن تفهمنى وشكراً

    ردحذف
    الردود
    1. أهلا أخي..راجع الرد على سؤالك في الأسفل

      حذف
    2. ملاحظة جدا مهمة // نسيت أن أقول لك إذا لم تشتغل الأكواد فوق الوسم </body> يجب وضعها فوق الوسم </head>

      حذف
  4. السلام عليكم رمضان كريم وكل عام وانتم بخير بالنسبة لسؤالك حول إستدعاء معرف القسم تكون بناء الجملة
    var elements = document.getElementsByClassName(names);
    // أو:
    var elements = rootElement.getElementsByClassName(names);

    لاحظ أنه يأتي قبله المتغيرات var elements = وهذا ما سنطبقه على المثال سنستعمل مثلا var ba88 = ليكون الكود بالشكل التالي..

    $(function SidebarHide() {
    var ba88 = document.getElementsByClassName("social-ico")[0];
    ba88.style.width = "100%";
    });


    بالعلم انه إذا اردت ان تعدل على اكثر من محتوى يحمل نفس class لنفترض يكون عند خمس او ستة روابط او ايقونات تحمل نفس class للتعديل عليها دفعة واحدة نستخدم الكود التالي..

    $(function SidebarHide(){

    var ba = document.getElementsByClassName("mp8");
    for (i=0; i<ba.length; i++){
    ba[i].style.width = "100%";
    }
    });

    إذا نجحت معك الأكواد قم بالرد ولاتنساا من دعائك في هذا الشهر الفضيل ..بالتوفيق


    ردحذف
    الردود
    1. السلام عليك اخى اعتذر فى تأخرى عن الرد بالنسبة الى :-
      $(function SidebarHide() {
      var ba88 = document.getElementsByClassName("social-ico")[0];
      ba88.style.width = "100%";
      });


      ما فائدة هذا [0] ؟

      حذف
    2. فائدة هذا [0] هو جافا سكريبت خالص (تحتاج إلى تحديد موضع عنصر الصف: [0] للحصول على العنصر الأول)
      - بما معناه جلب class واحد فقط أي الأول في حالة وجود عدة class لها نفس الإسم .. ولايجب حذفه
      اما إذا كان لديك عناصر متعددة مع هذا class ، فيمكنك التكرار عليه بإستعمال الكود الثاني.

      حذف
    3. جزاك الله كل خير اخى الكريم ربنا يتقبل منك صيامك وقيامك ويجازيك ي رب أفضل الاعمال وإنشاء الله تصبح مدونتكم من اكبر المدونات إنشاء الله <3

      أخى ان كان بالإمكان تعطينى رابط لدورة javascript لأتعلم اكثر
      جزاك الله كل خير <3

      حذف
    4. لاشكر على واجب أخي ..بالنسبة لطلبك لا أستطيع أن أحدد لك محتوى معين فالأنترنات مليئة بمثل هذه المواضيع خصوصا في المحتوى الأجنبي يكفي أن تضع الكلمة المناسبة في محرك البحث مثل Javascript course أو دورة javascript المهم تكون عندك الرغبة والصبر في التعلم.
      أما بالنسبة لي أتابع الموقع الرسمي http://jquery.com/ وطبعا لا ننسى https://stackoverflow.com وغيرها الكثير..بالتوفيق أخي

      حذف
    5. انا أريد فهم شئ واحد فى الجافا وهو خاصية ال Active اى عندما اضغط على العنصر يظهر

      حذف
    6. هناك عدة طرق لتفعيل هذه الخاصية ولايمكن حصرها ويعتمد ذلك على نوع الأداة مثلا bootstrap أو window ..إلخ
      كما أن أكواد الجافاسكريبت تختلف هناك من يستعين بال css وهناك من تجد به بديلا لعنصر الإخفاء .hide() والإظهار .show()
      مثال jQuery على ذلك - إضغط هنا
      ومثال على كود جافا يحتوي على عناصر css ا- - إضغط هنا
      كما أنك تستطيع مراجعة هذا التدوينة التي تحتوي على خاصية الاخفاء والإظهار لاداة محرك البحث - إضغط هنا
      كود الجافا المستعمل في الموضوع مختلف عن الأمثلة تستطيع ان تطبقه في الكثير من الأدوات
      وفي الأخير اعتذر ان انا قصرت في الشرح لان الموضع غير مناسب لمثل هذا الموضوع لكني سأشرك هذه الخاصية المهمة جدا في تدوينة مستقلة وبالتفصيل

      حذف
    7. انت بتقول انك قصرت والله انت ما فى منك فى الدنيا كلهاااااااااااااااااااااااااااااااااا ربنا يحميك <:) =p*

      حذف