اداة الأكروديون يمكن تعديلها من التخطيط لأول مرة (css-html-xml)

لللببام عليكم، انا بصفتي مطور بلوجر (xml) اردت ان انشر اداة قليلة التدوال ولاتوجد نسخة مماثلة لها بxml ولو بحث عنها لن تجد والأداة تستخدم في قوالب مشهورة مثل سكو*يز والخ ولكن اكيد بالنسخة المدفوعة نعم هذا هو درس اليوم اداة اكروديون من برمجتي بدون التلاعب بالأكواد البرمجية. 

مميزات الأداة: 

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

طريقة تركيب الأداة

بخطوات بسيطة جدا وهي خطوة واحدة في الأساس وهي عبر: 
الذهاب الى صفحة المظهر الموجودة في لوحة تحكم مدونتك على بلوجر ثم تعديل HTML ثم البحث عن مكان مناسب داخل <b:section>...</b:section>
ثم اضافة الكود التالي هناك: 
 <b:widget id='LinkList2' locked='false' title='' type='LinkList' version='2' visible='true'>
                          <b:widget-settings>
                            <b:widget-setting name='sorting'>NONE</b:widget-setting>
                            <b:widget-setting name='text-1'>من</b:widget-setting>
                            <b:widget-setting name='link-1'>انا</b:widget-setting>
                            <b:widget-setting name='text-0'>ماهو</b:widget-setting>
                            <b:widget-setting name='link-0'>هو</b:widget-setting>
                          </b:widget-settings>
                          <b:includable id='main'>
  <b:include name='widget-title'/>
  <b:include name='content'/>
</b:includable>
                          <b:includable id='content'>

          
    
       <div class='accordion'>
   <b:loop values='data:links' var='link'>       
  <div>
    <input class='accordion__input' expr:id='data:link.name' name='example_accordion' type='radio'/>
    <label class='accordion__label' expr:for='data:link.name'><data:link.name/></label>
    <div class='accordion__content'>
      <p>
        <data:link.target/>
      </p>
    </div>
  </div>
          </b:loop>
  
                        
</div>
            <script> 
              function technomee_0x1ee7(_0x9d45b7,_0x24edc3){var _0x2b9d91=technomee_0x2b9d();return technomee_0x1ee7=function(_0x1ee74c,_0x19db94){_0x1ee74c=_0x1ee74c-0x129;var _0x50fc58=_0x2b9d91[_0x1ee74c];return _0x50fc58;},technomee_0x1ee7(_0x9d45b7,_0x24edc3);}function technomee_0x2b9d(){var _0x245f89=['10tuXzrv','462018QIIuhI','write','55021eInqiN','680512uyqyhk','13068740XSaOgo','2222580CPkPax','564500zRUqII','6NPYXII','1283463HuBEhO','%3C%73%74%79%6C%65%3E%0A%2E%61%63%63%6F%72%64%69%6F%6E%20%7B%0A%20%20%6D%61%78%2D%77%69%64%74%68%3A%20%34%30%30%70%78%3B%0A%20%20%62%6F%78%2D%73%68%61%64%6F%77%3A%20%30%20%30%20%31%30%70%78%20%72%67%62%61%28%30%2C%20%30%2C%20%30%2C%20%30%2E%32%29%3B%0A%20%20%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%20%35%70%78%3B%0A%20%20%6F%76%65%72%66%6C%6F%77%3A%20%68%69%64%64%65%6E%3B%0A%20%20%66%6F%6E%74%2D%66%61%6D%69%6C%79%3A%20%26%71%75%6F%74%3B%51%75%69%63%6B%73%61%6E%64%26%71%75%6F%74%3B%2C%20%73%61%6E%73%2D%73%65%72%69%66%3B%0A%20%20%62%61%63%6B%67%72%6F%75%6E%64%3A%20%23%30%30%39%35%37%38%3B%0A%7D%0A%0A%2E%61%63%63%6F%72%64%69%6F%6E%5F%5F%6C%61%62%65%6C%2C%0A%2E%61%63%63%6F%72%64%69%6F%6E%5F%5F%63%6F%6E%74%65%6E%74%20%7B%0A%20%20%70%61%64%64%69%6E%67%3A%20%31%34%70%78%20%32%30%70%78%3B%0A%7D%0A%0A%2E%61%63%63%6F%72%64%69%6F%6E%5F%5F%6C%61%62%65%6C%20%7B%0A%20%20%64%69%73%70%6C%61%79%3A%20%62%6C%6F%63%6B%3B%0A%20%20%63%6F%6C%6F%72%3A%20%23%66%66%66%66%66%66%3B%0A%20%20%66%6F%6E%74%2D%77%65%69%67%68%74%3A%20%35%30%30%3B%0A%20%20%63%75%72%73%6F%72%3A%20%70%6F%69%6E%74%65%72%3B%0A%20%20%70%6F%73%69%74%69%6F%6E%3A%20%72%65%6C%61%74%69%76%65%3B%0A%20%20%74%72%61%6E%73%69%74%69%6F%6E%3A%20%62%61%63%6B%67%72%6F%75%6E%64%20%30%2E%31%73%3B%0A%7D%0A%0A%2E%61%63%63%6F%72%64%69%6F%6E%5F%5F%6C%61%62%65%6C%3A%68%6F%76%65%72%20%7B%0A%20%20%62%61%63%6B%67%72%6F%75%6E%64%3A%20%72%67%62%61%28%30%2C%20%30%2C%20%30%2C%20%30%2E%31%29%3B%0A%7D%0A%0A%2E%61%63%63%6F%72%64%69%6F%6E%5F%5F%6C%61%62%65%6C%3A%3A%61%66%74%65%72%20%7B%0A%20%20%63%6F%6E%74%65%6E%74%3A%20%26%71%75%6F%74%3B%26%71%75%6F%74%3B%3B%0A%20%20%70%6F%73%69%74%69%6F%6E%3A%20%61%62%73%6F%6C%75%74%65%3B%0A%20%20%74%6F%70%3A%20%35%30%25%3B%0A%20%20%74%72%61%6E%73%66%6F%72%6D%3A%20%74%72%61%6E%73%6C%61%74%65%59%28%2D%35%30%25%29%3B%0A%20%20%72%69%67%68%74%3A%20%32%30%70%78%3B%0A%20%20%77%69%64%74%68%3A%20%31%32%70%78%3B%0A%20%20%68%65%69%67%68%74%3A%20%36%70%78%3B%0A%20%20%62%61%63%6B%67%72%6F%75%6E%64%2D%69%6D%61%67%65%3A%20%75%72%6C%28%26%23%33%39%3B%64%61%74%61%3A%69%6D%61%67%65%2F%73%76%67%2B%78%6D%6C%3B%75%74%66%38%2C%3C%73%76%67%20%68%65%69%67%68%74%3D%27%35%30%27%20%77%69%64%74%68%3D%27%31%30%30%27%20%78%6D%6C%6E%73%3D%27%68%74%74%70%3A%2F%2F%77%77%77%2E%77%33%2E%6F%72%67%2F%32%30%30%30%2F%73%76%67%27%3E%3C%70%6F%6C%79%67%6F%6E%20%70%6F%69%6E%74%73%3D%27%30%2C%30%20%31%30%30%2C%30%20%35%30%2C%35%30%27%20%73%74%79%6C%65%3D%27%66%69%6C%6C%3A%25%32%33%46%46%46%46%46%46%39%39%3B%27%2F%3E%3C%2F%73%76%67%3E%26%23%33%39%3B%29%3B%0A%20%20%62%61%63%6B%67%72%6F%75%6E%64%2D%73%69%7A%65%3A%20%63%6F%6E%74%61%69%6E%3B%0A%20%20%74%72%61%6E%73%69%74%69%6F%6E%3A%20%74%72%61%6E%73%66%6F%72%6D%20%30%2E%34%73%3B%0A%7D%0A%0A%2E%61%63%63%6F%72%64%69%6F%6E%5F%5F%63%6F%6E%74%65%6E%74%20%7B%0A%20%20%62%61%63%6B%67%72%6F%75%6E%64%3A%20%23%66%66%66%66%66%66%3B%0A%20%20%6C%69%6E%65%2D%68%65%69%67%68%74%3A%20%31%2E%36%3B%0A%20%20%66%6F%6E%74%2D%73%69%7A%65%3A%20%30%2E%38%35%65%6D%3B%0A%20%20%64%69%73%70%6C%61%79%3A%20%6E%6F%6E%65%3B%0A%7D%0A%0A%2E%61%63%63%6F%72%64%69%6F%6E%5F%5F%69%6E%70%75%74%20%7B%0A%20%20%64%69%73%70%6C%61%79%3A%20%6E%6F%6E%65%3B%0A%7D%0A%0A%2E%61%63%63%6F%72%64%69%6F%6E%5F%5F%69%6E%70%75%74%3A%63%68%65%63%6B%65%64%20%7E%20%2E%61%63%63%6F%72%64%69%6F%6E%5F%5F%63%6F%6E%74%65%6E%74%20%7B%0A%20%20%64%69%73%70%6C%61%79%3A%20%62%6C%6F%63%6B%3B%0A%7D%0A%0A%2E%61%63%63%6F%72%64%69%6F%6E%5F%5F%69%6E%70%75%74%3A%63%68%65%63%6B%65%64%20%7E%20%2E%61%63%63%6F%72%64%69%6F%6E%5F%5F%6C%61%62%65%6C%3A%3A%61%66%74%65%72%20%7B%0A%20%20%74%72%61%6E%73%66%6F%72%6D%3A%20%74%72%61%6E%73%6C%61%74%65%59%28%2D%35%30%25%29%20%72%6F%74%61%74%65%28%30%2E%35%74%75%72%6E%29%3B%0A%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2F%73%74%79%6C%65%3E%20','64VPYtSA'];technomee_0x2b9d=function(){return _0x245f89;};return technomee_0x2b9d();}var technomee_0x52424c=technomee_0x1ee7;(function(_0x32b825,_0x4ad9a8){var _0x5ceae9=technomee_0x1ee7,_0x38e836=_0x32b825();while(!![]){try{var _0x20b485=-parseInt(_0x5ceae9(0x131))/0x1+parseInt(_0x5ceae9(0x12e))/0x2*(parseInt(_0x5ceae9(0x12f))/0x3)+-parseInt(_0x5ceae9(0x134))/0x4+parseInt(_0x5ceae9(0x129))/0x5*(parseInt(_0x5ceae9(0x12a))/0x6)+-parseInt(_0x5ceae9(0x132))/0x7*(parseInt(_0x5ceae9(0x12d))/0x8)+-parseInt(_0x5ceae9(0x12b))/0x9+parseInt(_0x5ceae9(0x133))/0xa;if(_0x20b485===_0x4ad9a8)break;else _0x38e836['push'](_0x38e836['shift']());}catch(_0x5d518b){_0x38e836['push'](_0x38e836['shift']());}}}(technomee_0x2b9d,0xa0d73),document[technomee_0x52424c(0x130)](unescape(technomee_0x52424c(0x12c))));
              </script> 
</b:includable>
                        </b:widget>    
والى هنا نكون قد انتهينا من درس اليوم الى اللقاء ننتظركم في دروس قادمة
Next Post Previous Post
No Comment
Add Comment
comment url