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) ليفتح معك على نفس الأداة كما أنك ستجد في الملف الذي بإسم (كود الأداة خاص بالصفحة على البلوجر) الذي نقوم بتركيبه حاليا على صفحة المدونة.


add_commentإرسال تعليق

  1. جدا ًجميل أخي ياسين حقيقة وليس إطراء لم أشاهد مدونة أكثر جمالية بقالبها وتدويناتها مثل مدونتك حقيقة متابع لكل جديدك .
    أريد أن اسألك أخي ياسين لعلي أجد لديك الإجابة الشافيه أو الحل الأكيد هل بإمكاني إدراج زر بمجرد الضغط عليه ينسخ الكلام المدون فقط بالتدوينة علما ً أن القالب والتدوينات لا أضيف لها صور فقط كتابة وقصيرة نوعا ً ما وأستطعت تعديل على أكواد النشر التدوينة بمواقع التواصل ونجحة بذلك بمجرد الضغط عليها تنشر النص فقط هذه المدونة قم بتصفح أحد التدوينات لترا بنفسك http://www.i2ga.com ....بإنتظار ردك

    ردحذف
    الردود
    1. مرحبا أخي الكريم معك عبد القادر من فريق عمل مدونة
      لسوء الحظ ، يمكن استخدام اختيار نسخ فقط على عناصر الإدخال المرئية. ما يمكنك فعله هو استخراج محتوى النص الخاص بالعنصر المسبق.
      تطبيق هذا على textarea ووضع النص داخل منطقة العرض العادي.
      ببساطة الحل في مناورة أو خدعة تعمل على حقن القالب بالعنصر textarea يحمل النص الخاص بك ليسهل نسخه

      ركز معي اخي الكريم ^_^

      1-قم بوضع الكود الاتي فوق الوسم body/ اذا لم يعمل ضعه فوق head/

      <script type='text/javascript'>
      //<![CDATA[

      function copyFunction() {
      const copyText = document.getElementById("myID").textContent;
      const textArea = document.createElement('textarea');
      textArea.textContent = copyText;
      document.body.append(textArea);
      textArea.id = "nextractorapply";
      textArea.select();
      document.execCommand("copy");
      $("#nextractorapply").remove();
      }

      document.getElementById('CopyAllpost').addEventListener('click', copyFunction);

      //]]>
      </script>



      2- لاحظ في الكود يوجد المعرف بإسم myID لابد ان يكون النص الخاص بك داخل وسم يحمل نفس المعرف لذلك عليك البحث عن
      <data:post.body/>

      ستجده مكرر المطلوب هو الاول الان ضعه داخل حاوية المعرف myID بالشكل التالي
      <div id='myID'>
      <data:post.body/>
      </div>


      3-واخيرا ضع الزر التالي في المكان الذي تريد /لاتقم بتغيير المعرف الخاص بالزر

      <button id="CopyAllpost">CopyAll</button>

      حذف
    2. تستطيع معاينة النموذج الذي شرحته لك من خلال الضغط على..
      Demo

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

      حذف