7/22/2018

settings_overscan print announcement
هل سبق لك أن حاولت إدراج شفرة إعلان جافا سكريبت مباشرة في نموذج Blogger الخاص بك ولن ينجح؟ حسنًا ، لا تقلق فلطالما كانت هذه مشكلة كبيرة بالنسبة إلى مؤلفي المدونات الذين يستخدمون Google Blogger والذين يتطلعون إلى تحقيق الدخل من موقعهم نظرًا لأن شفرة الإعلان كلها تحتوي على جافا سكريبت. كانت المشكلة في الماضي هي أن مستخدمي Blogger يريدون المزيد من التحكم في مكان تكرار ظهور شفرة الإعلان (عادةً ما تكون AdSense) ومدى تكرار ذلك.




لماذا يصعب القيام بهذا؟

استمع فريق Blogger إلى عملائهم وأنشأ ميزة سهلة الاستخدام تتيح لك إعداد AdSense في مشاركاتك الفردية من خلال تحديد مربع اختيار بسيط.
هذا أمر رائع بالنسبة إلى معظم الأشخاص ، ولكن الأماكن التي يمكنك إدراج الأدوات فيها محدودة وليست مرنة كما تريد. فماذا إذا كنت تريد وضع AdSense أو AdBrite أو Chitika أو أي نوع آخر من الشفرات المتعلقة بجافا سكريبت في مكان آخر في مدونتك دون الحاجة إلى استخدام Blogger أداة ؟ الجواب في الماضي سيكون ، "الأمر ليس سهلاً" لكن مع أداة التحويل الأمر إختلف...تابع معي.

رسائل خطأ Blogger النموذجية
استخدام المحول مع شفرة إعلان Blogger
هل يتعارض الترميز مع سياسات برنامج AdSense ؟
ما هي الرموز الأخرى التي يمكنها تحويلها ؟
بنية أداة الترميز و كيانات XHTML.
بيئة العمل


تعمل هذه الأداة المفيدة تلقائيًا على تحويل شفرة إعلان جافا سكريبت إلى التنسيق الصحيح حتى يمكنك تضمينها مباشرةً في نموذج xml Blogger الجديد. إنها مثالية لتحويل الأكواد AdSense أو AdBrite أو Chitika أو أي شفرة إعلان أخرى في جافا سكريبت لديك.. كما يمكن إستخدامها لتضمين الأكواد في التعليقات لكي تصبح قابلة للعرض أو لتعديل تكويد السكريبتات التي لا يقبلها القالب مثل الشفرات الإعلانية وكذلك عندما نريد نقل أو عرض كود معين للقراء داخل التدوينات وغيرها.


محول الاكواد XHTML




شرح طريقة تركيب أداة محول الأكواد XHTML

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

  • 
     <div class="code-container">
    <div id="Wrapper">
    <h1>محول الاكواد XHTML</h1>
    <div class="container">
    <!-- converter code + ads -->
    <div id="converter-code-co-ads-hed">
    <div id="flippanel">
    <div class="google-src-text">
    <textarea class="textarea" cols="50" id="somewhere" placeholder="...ضع الكود هنا لترميزه" rows="15" spellcheck="false"></textarea>
    <br />
    <div class="Controller-boxcode">
    <button class="buttoncut" onclick="CutAll(&quot;somewhere&quot;);" title="قص">
        <div class="buttontop">
    </div>
    <div class="buttonbottom">
    </div>
    </button>
      <button class="buttoncopy" onclick="CopyAll(&quot;somewhere&quot;);" title="نسخ">
        <div class="buttontop">
    </div>
    <div class="buttonbottom">
    </div>
    </button>
      <button class="buttondelete" onclick="clearField(&quot;somewhere&quot;);" title="مسح">
        <div class="buttontop">
    </div>
    <div class="buttonbottom">
    </div>
    </button>
      <button class="cbt buttonshare" onclick="convert();" title="تحويل">
        <div class="buttoncircles">
    </div>
    <div class="buttonline">
    </div>
    <div class="buttonline">
    </div>
    </button>
    </div>
    </div>
    </div>
    </div>
    <br />
    <br />
    </div>
    </div>
    <style type="text/css">
     /*=======textarea=======*/
    .textarea{direction:ltr;text-align:left;width:100%;background:#ffffff;color:#757575;padding:1.2%;margin:0 auto!important;font:16px 'Monaco',monospace,Courier,Courier New;background-color:#ffffff;border:6px solid #f9f9f9!important;resize:none!important;}
    /*=======container=======*/
    .code-container{display:block;position:relative;max-width:770px;margin:0 auto;padding:2em;background-color:#f79029;
    -webkit-border-radius: .25em;-moz-border-radius: .25em;-ms-border-radius: .25em;-o-border-radius: .25em;border-radius: .25em;}
    .code-container h1{display: -webkit-flex;display: flex;align-items: center;justify-content: center;font-size:1.5em;font-weight:bold;text-align:center;margin:2em auto 3em;padding:20px;color:#f79029;background:#525252;width:500px;font-family:inherit;border-radius:100px;-o-border-radius:100px;-ms-border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;}
    #Wrapper .container{padding:10px;width:100%;}
    /*=========Controller-boxcode==========*/
    .Controller-boxcode{width:100%;display:flex;justify-content:center;align-items:center;position:relative;margin:auto;height:70px;max-width:100%;padding:10px;background:#525252;direction:ltr;}
    .Controller-boxcode button{
    position:relative;display:block;width:25%;height:100%;border:none;background:transparent;cursor:pointer;z-index:5;outline:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-webkit-touch-callout:none;}
    .Controller-boxcode button div{
    position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
    .Controller-boxcode .buttoncut:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:2px;height:2px;background:#41484b;z-index:2;}
    .Controller-boxcode .buttoncut.button-active .buttontop{-webkit-animation:cut-top 0.8s ease-out;animation:cut-top 0.8s ease-out;}
    .Controller-boxcode .buttoncut.button-active .buttonbottom{-webkit-animation:cut-bottom 0.8s ease-out;animation:cut-bottom 0.8s ease-out;}
    .Controller-boxcode .buttoncut .buttontop,.Controller-boxcode .buttoncut .buttonbottom{display:block;width:42px;height:6px;background:white;}
    .Controller-boxcode .buttoncut .buttontop:before,.Controller-boxcode .buttoncut .buttonbottom:before{content:"";position:absolute;top:-5px;left:-5px;width:15px;height:15px;background:#41484b;border:4px solid #f79029;}
    .Controller-boxcode .buttoncut .buttontop:after,.Controller-boxcode .buttoncut .buttonbottom:after{content:"";position:absolute;top:0;right:-4px;width:8px;height:6px;background:white;}
    .Controller-boxcode .buttoncut .buttontop{-webkit-transform:rotate(45deg) translateZ(0);transform:rotate(45deg) translateZ(0);box-shadow:#41484b 0 -2px 0 1px;z-index:1;}
    .Controller-boxcode .buttoncut .buttontop:after{-webkit-transform:skewX(-45deg);transform:skewX(-45deg);}
    .Controller-boxcode .buttoncut .buttonbottom{-webkit-transform:rotate(-45deg) translateZ(0);transform:rotate(-45deg) translateZ(0);}
    .Controller-boxcode .buttoncut .buttonbottom:after{-webkit-transform:skewX(45deg);transform:skewX(45deg);}
    .Controller-boxcode .buttoncopy.button-active .buttonbottom{-webkit-animation:copy 0.8s ease-out;animation:copy 0.8s ease-out;border:4px solid #f79029;}
    .Controller-boxcode .buttoncopy .buttontop,.Controller-boxcode .buttoncopy .buttonbottom{background:#41484b;top:-10px;left:-12px;}
    .Controller-boxcode .buttoncopy .buttontop{width:29px;height:34px;border-top:4px solid #f79029;border-left:4px solid #f79029;}
    .Controller-boxcode .buttoncopy .buttonbottom{width:32px;height:38px;border:4px solid white;-webkit-transform:translate(9px,10px);transform:translate(9px,10px);}
    .Controller-boxcode .buttondelete.button-active .buttontop{-webkit-animation:delete 0.8s ease-out;animation:delete 0.8s ease-out;}
    .Controller-boxcode .buttondelete .buttontop{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;top:-31px;width:30px;height:4px;background:#f79029;z-index:1;}
    .Controller-boxcode .buttondelete .buttontop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;top:-2px;width:18px;height:6px;background:#f79029;}
    .Controller-boxcode .buttondelete .buttonbottom{top:8px;width:26px;height:30px;background:white;}
    .Controller-boxcode .buttonshare.button-active .buttonline:nth-child(2):before{-webkit-animation:share-top 0.8s linear;animation:share-top 0.8s linear;background:#f79029;}
    .Controller-boxcode .buttonshare.button-active .buttonline:nth-child(3):before{-webkit-animation:share-bottom 0.8s linear;animation:share-bottom 0.8s linear;background:#f79029;}
    .Controller-boxcode .buttonshare .buttoncircles{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;right:26px;width:12px;height:12px;background:#f79029;z-index:1;}
    .Controller-boxcode .buttonshare .buttoncircles:before,.Controller-boxcode .buttonshare .buttoncircles:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:12px;height:12px;background:#f79029;z-index:1;}
    .Controller-boxcode .buttonshare .buttoncircles:before{top:-28px;left:26px;}
    .Controller-boxcode .buttonshare .buttoncircles:after{bottom:-28px;left:26px;}
    .Controller-boxcode .buttonshare .buttonline{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:36px;height:3px;background:transparent;overflow:hidden;}
    .Controller-boxcode .buttonshare .buttonline:nth-child(2){bottom:14px;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    .Controller-boxcode .buttonshare .buttonline:nth-child(3){top:15px;-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    .Controller-boxcode .buttonshare .buttonline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%;background:white;-webkit-transform-origin:50%;transform-origin:50%;}
    /*===========border-radius===========*/
    .Controller-boxcode .buttoncut .buttontop:after,.Controller-boxcode .buttoncut .buttonbottom:after{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;}
    .Controller-boxcode .buttoncopy .buttontop{-webkit-border-radius:4px 0;-moz-border-radius:4px 0;-ms-border-radius:4px 0;-o-border-radius:4px 0;border-radius:4px 0;}
    .Controller-boxcode .buttoncopy .buttonbottom{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;}
    .Controller-boxcode .buttondelete .buttontop:before{-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;}
    .Controller-boxcode .buttondelete .buttonbottom{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-ms-border-radius:0 0 6px 6px;-o-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
    .Controller-boxcode .buttoncut .buttontop:before,.Controller-boxcode .buttoncut .buttonbottom:before,.Controller-boxcode .buttoncut:before,.Controller-boxcode .buttonshare .buttoncircles,.Controller-boxcode .buttonshare .buttoncircles:before,.Controller-boxcode .buttonshare .buttoncircles:after{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;}
    /*===========keyframes===========*/
    @-webkit-keyframes cut-top{0%{-webkit-transform:rotate(45deg) translateZ(0);transform:rotate(45deg) translateZ(0);}20%{-webkit-transform:rotate(25deg) translateZ(0);transform:rotate(25deg) translateZ(0);}40%{-webkit-transform:rotate(45deg) translateZ(0);transform:rotate(45deg) translateZ(0);}60%{-webkit-transform:rotate(25deg) translateZ(0);transform:rotate(25deg) translateZ(0);}100%{-webkit-transform:rotate(45deg) translateZ(0);transform:rotate(45deg) translateZ(0);}}
    @keyframes cut-top{0%{-webkit-transform:rotate(45deg) translateZ(0);transform:rotate(45deg) translateZ(0);}20%{-webkit-transform:rotate(25deg) translateZ(0);transform:rotate(25deg) translateZ(0);}40%{-webkit-transform:rotate(45deg) translateZ(0);transform:rotate(45deg) translateZ(0);}60%{-webkit-transform:rotate(25deg) translateZ(0);transform:rotate(25deg) translateZ(0);}100%{-webkit-transform:rotate(45deg) translateZ(0);transform:rotate(45deg) translateZ(0);}}
    @-webkit-keyframes cut-bottom{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}20%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg);}40%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg);}100%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}}
    @keyframes cut-bottom{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}20%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg);}40%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg);}100%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}}
    @-webkit-keyframes copy{0%{-webkit-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(9px,10px);transform:translate(9px,10px);}}
    @keyframes copy{0%{-webkit-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(9px,10px);transform:translate(9px,10px);}}
    @-webkit-keyframes delete{0%{-webkit-transform:rotate(0) translateY(0);transform:rotate(0) translateY(0);}20%{-webkit-transform:rotate(0) translateY(-4px);transform:rotate(0) translateY(-4px);}30%{-webkit-transform:rotate(20deg) translateY(-4px);transform:rotate(20deg) translateY(-4px);}40%{-webkit-transform:rotate(-20deg) translateY(-4px);transform:rotate(-20deg) translateY(-4px);}50%{-webkit-transform:rotate(20deg) translateY(-4px);transform:rotate(20deg) translateY(-4px);}60%{-webkit-transform:rotate(-10deg) translateY(-4px);transform:rotate(-10deg) translateY(-4px);}70%{-webkit-transform:rotate(10deg) translateY(-4px);transform:rotate(10deg) translateY(-4px);}80%{-webkit-transform:rotate(0) translateY(-4px);transform:rotate(0) translateY(-4px);}100%{-webkit-transform:rotate(0) translateY(0);transform:rotate(0) translateY(0);}}
    @keyframes delete{0%{-webkit-transform:rotate(0) translateY(0);transform:rotate(0) translateY(0);}20%{-webkit-transform:rotate(0) translateY(-4px);transform:rotate(0) translateY(-4px);}30%{-webkit-transform:rotate(20deg) translateY(-4px);transform:rotate(20deg) translateY(-4px);}40%{-webkit-transform:rotate(-20deg) translateY(-4px);transform:rotate(-20deg) translateY(-4px);}50%{-webkit-transform:rotate(20deg) translateY(-4px);transform:rotate(20deg) translateY(-4px);}60%{-webkit-transform:rotate(-10deg) translateY(-4px);transform:rotate(-10deg) translateY(-4px);}70%{-webkit-transform:rotate(10deg) translateY(-4px);transform:rotate(10deg) translateY(-4px);}80%{-webkit-transform:rotate(0) translateY(-4px);transform:rotate(0) translateY(-4px);}100%{-webkit-transform:rotate(0) translateY(0);transform:rotate(0) translateY(0);}}
    @-webkit-keyframes share-top{0%{-webkit-transform:translate(100%,0);transform:translate(100%,0);}40%,41%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0);}41%{-webkit-transform:translate(100%,0);transform:translate(100%,0);}80%,100%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0);}}
    @keyframes share-top{0%{-webkit-transform:translate(100%,0);transform:translate(100%,0);}40%,41%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0);}41%{-webkit-transform:translate(100%,0);transform:translate(100%,0);}80%,100%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0);}}
    @-webkit-keyframes share-bottom{0%,10%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0);}50%,51%{-webkit-transform:translate(100%,0);transform:translate(100%,0);}51%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0);}90%,100%{-webkit-transform:translate(100%,0);transform:translate(100%,0);}}
    @keyframes share-bottom{0%,10%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0);}50%,51%{-webkit-transform:translate(100%,0);transform:translate(100%,0);}51%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0);}90%,100%{-webkit-transform:translate(100%,0);transform:translate(100%,0);}}
    </style>
    <script type="text/javascript">
    //<![CDATA[
    function convert(){var e,t=document.getElementById("somewhere");e=(e=(e=(e=(e=(e=(e=(e=(e=t.value).replace(/&/gi,"&amp;")).replace(/</gi,"&lt;")).replace(/>/gi,"&gt;")).replace(/"/gi,"&quot;")).replace(/±/gi,"&plusmn;")).replace(/©/gi,"&copy;")).replace(/®/gi,"&reg;")).replace(/ya'll/gi,"ya'll"),t.value=e}function get(e){return document.getElementById(e)}function clearField(e){var t=get(e);t.value="",t.focus()}function selectAll(e){get(e).focus(),get(e).select()}function CopyAll(e){var t=get(e);return t.focus(),t.select(),document.execCommand("copy"),!1}function CutAll(e){var t=get(e);return t.focus(),t.select(),document.execCommand("copy"),t.value="",!1}function hide(e){get(e).style.display="none"}$(function(){$(".Controller-boxcode button").on("click",function(){$(this).addClass("button-active").delay(800).queue(function(){$(this).removeClass("button-active").dequeue()})}),$("dd").filter(":nth-child(n+7)").addClass("hide"),$("dl").on("click","dt",function(){$(this).next().slideToggle(200),$(this).toggleClass("active")})});
    //]]>
    </script>
    </div>
    

    ملحق هام
    إذا أردت نسخة اوفلاين | offline تعمل بدون أنترنات تستطيع تحميلها من خلال الرابط إضغط هنا ستجد بعد فك الضغط ملف بإسم (أداة الترميز) قم بفتحه ثم إضغط على الملف بإسم (Encryption.html) ليفتح معك على نفس الأداة كما أنك ستجد في الملف الذي بإسم (كود الأداة خاص بالصفحة على البلوجر) الذي نقوم بتركيبه حاليا على صفحة المدونة.