8/29/2017

settings_overscan print announcement

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





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


طريقة التركيب تم تنسيقها لتكون أسهل ودون التطرق لإعادة تكرار الأكواد كاملة في كل مرة .

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

الخطوة الأولى

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

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

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

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

  • 
     <!--converter code comment + ads -->
    <div style='display: none;'>
    <div id='converter-code-co-ads-hed'><div id='flippy'><button><i class='fa fa-refresh fa-spin fa-3x fa-fw'/>
    محول الاكواد
    </button>
    <b>إستخدم هذه الأداة لترميز الأكواد حتى تصبح قابلة للعرض في التعليقات كما يمكن إستخدامها في تحويل أكواد أدسنس
    </b></div><div id='flippanel'><div class='google-src-text'><table><tbody><tr><td><button class='beaut-clear-code' type='submit'><i aria-hidden='true' class='fa fa-trash'/></button><textarea cols='50' id='somewhere' placeholder='...ضع الكود هنا لترميزه' rows='15' spellcheck='false'/><input class='cbt' onclick='convert();' onmouseout='this.className=&apos;cbt&apos;' onmouseover='this.className=&apos;cbt cbtn&apos;' type='button' value='إضغط هنا لتحويل الكود'/></td> </tr></tbody></table></div></div></div>
    </div>
    <script type='text/javascript'>
    //<![CDATA[
    function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/±/ig, "&plusmn;");replaced = replaced.replace(/©/ig, "&copy;");replaced = replaced.replace(/®/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;};
    //Replace form
    var $Replaced = jQuery.noConflict();
    $Replaced(document).ready(function(){
    $Replaced("#converter-code-co-ads").replaceWith($Replaced("#converter-code-co-ads-hed"));
    });
    //btn show hid
    jQuery.noConflict();
    jQuery(document).ready(function($){
    $("#flippy").click(function() {
    $("#flippanel").slideToggle("normal");
    });});
    //btn clear
     $(".beaut-clear-code").click(function() {
        $("#somewhere").val('');
      });
    //]]>
    </script>
    <style type='text/css'>
    div#converter-code-co-ads-hed{background-color:#f1f1f1;position:relative;overflow:hidden;display:block;width:100%;padding:10px;margin-bottom:30px;}
    #flippy{position:relative;display:block;width:100%;overflow:hidden;background-color:#eaeaea;cursor: ns-resize;}
    #flippy button{float:right;background:#4d90f0;color:#fff;text-align:center;border:none;padding:3px 15px;margin:0 auto;font-size:1em;font-family:inherit;font-weight:bold;vertical-align:middle;cursor:pointer;}
    #flippy i {font-size: 1em;margin-left: 8px;color: #232323;}
    #flippy b{line-height:normal;font-size:13px;padding:0 10px;color:#5a5a5a;}
    #flippy:hover button,.google-src-text button:hover{outline:none;background: #525252;color: #c1c1c1;}
    #flippanel{display:none;}
    .google-src-text{overflow:hidden;position:relative;display:block;}
    .google-src-text table{width:100%;}
    .google-src-text #somewhere{position:relative;width:100%;padding:20px;direction:ltr;text-align:left;font:16px 'Monaco',monospace,Courier,Courier New;border:0;background-color:#ffffff;color:#777;}
    .google-src-text button,.google-src-text button[disabled]:active{background:#eaeaea;text-align:center;color:#484848;display:inline-block;padding:6px 12px;font-size:1.2em;font-weight:400;line-height:1.471;margin:5px;border:0;transition:all .1s;cursor:pointer;position:absolute;z-index:1;right:0;top:0;}
    /*==cb btn==*/
    .cbt{text-align:center;display:block;Width:200px;margin-top:10px;color: #ffffff;background: #4d90f0;font-size:14px;line-height:16px;text-decoration:none;border:0;padding:10px;cursor:pointer;}
    .cbtn{background: #484848;color: #eaeaea;}
    /*=======border-radius [0.25em]========*/
    .cbt, .google-src-text button{
    border-radius:0.25em;-moz-border-radius:0.25em;-webkit-border-radius: 0.25em;-o-border-radius:0.25em;-ms-border-radius:0.25em;}
    /*==Page Responsive==*/
    @media screen and (max-width:800px) {
    .google-src-text #somewhere {font-size: .8em;}
    #flippy button {display: block;width: 100%;}
    #flippy b {line-height: 3;font-size: 1em;padding: 10px;word-wrap: break-word;white-space: -moz-pre-line;white-space: pre-line;display: block;text-align: justify;}}/*Microsoft lumia550*/
    </style> 
    

  • قم بالبحث عن هذا الوسم <div class='comment-form'>أسفله أي بعده قم بوضعكود.html التالي ...

  • 
                               <div id='converter-code-co-ads'/> 
    

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




add_commentإرسال تعليق

إرسال تعليق