تصغير وتخفيف الموقع عبر اداة لتصغير أكواد CSS 2022

طريقة إضافة الصفحة في مدونتي

الصفحة تم توفير نسخة مماثلة لها للنشر ولكنها تحتوي على حقوق خفية وأكواد مشفرة ولكن خفيفة ونفس التي رأيتها سابقا تابع الشرح لتعرف كيف تضيف صفحة مماثلة للتي أريتها لك: 

<div id="comprescss-btechnomee-blogspot-com" class="tool-div">
  <style scoped="" type="text/css">
    #comprescss-btechnomee-blogspot-com{background:#fff;position:relative;display:block;clear:both;padding:20px;margin-top:20px;background-color: #fff;padding: 20px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);border-radius: 4px;}
       #comprescss-btechnomee-blogspot-com textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:240px;margin:0 auto;display:block;background-color:#fff;padding:20px;font:normal 13px 'Courier New',Monospace;border:1px solid #eee;resize:none}
       textarea:focus{background-color:#FFF;color:#303030}
       #comprescss-btechnomee-blogspot-com .box{margin:10px auto 30px;color:rgba(255,225,255,.6);}
       #comprescss-btechnomee-blogspot-com .box p{margin:0 0 2px}
       #comprescss-btechnomee-blogspot-com button{cursor:pointer;}
       #comprescss-btechnomee-blogspot-com .col{width:48%;margin:0 auto 30px}
       #comprescss-btechnomee-blogspot-com .right{float:right;margin-right:1%}
       #comprescss-btechnomee-blogspot-com .left{float:left;margin-left:1%}
       #comprescss-btechnomee-blogspot-com label{line-height:norma;font-family:tahoma,arial;color:#777;}
       #comprescss-btechnomee-blogspot-com .button-group{border:1px solid #eee;border-top:0;background:#fafbfc;text-align:center;padding:20px 20px 40px 20px;margin:0;}
       #comprescss-btechnomee-blogspot-com button,#comprescss-btechnomee-blogspot-com button[disabled]:active{background:#fff;text-align:center;color:#333;display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.471;border-radius:6px;margin:0 5px;border:1px solid #fe3231;transition:all .1s}
       #comprescss-btechnomee-blogspot-com button:hover,#comprescss-btechnomee-blogspot-com button:active{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);background:#fe3231;color:#fff}
       #comprescss-btechnomee-blogspot-com button[disabled],#comprescss-btechnomee-blogspot-com button[disabled]:active{background:#fff;}
       #comprescss-btechnomee-blogspot-com .opt1,#comprescss-btechnomee-blogspot-com .opt2,#comprescss-btechnomee-blogspot-com .opt3,#comprescss-btechnomee-blogspot-com .opt4,#comprescss-btechnomee-blogspot-com .opt5{display:inline-block;margin:2px 10px 0 0;vertical-align:middle;border:none;outline:none;-webkit-appearance: checkbox;
      background-color: initial;
      border: initial;
      width: 24px;
      height: 24px;
      position: relative;
       }
       #comprescss-btechnomee-blogspot-com br{display:none}
  </style>
  <span class="clear"></span>
  <textarea
    dir="ltr"
    autofocus=""
    id="cssField"
    placeholder=" ضع كود CSS هُنا..."
    spellcheck="false"
  ></textarea>
  <div class="button-group">
    <div class="box">
      <input class="opt1" id="stripAllComment" type="checkbox" />
      <label>حذف كل التعليقات</label>
      <input class="opt2" id="superCompact" type="checkbox" />
      <label>ضغط عالي</label>
      <input class="opt3" id="betterIndentation" type="checkbox" />
      <label>الاحتفاظ بالمسافات</label>
      <input
        checked="checked"
        class="opt4"
        id="keepLastComma"
        type="checkbox"
      />
      <label>حذف آخر فاصلة منقوطة</label>
    </div>
    <button onclick='compressCSS("cssField");'>ضغط الأكواد</button>
    <button onclick='clearField("cssField");'>مسح الأكواد</button>
    <button onclick='selectAll("cssField");'>تحديد الأكواد</button><div><a href="https://btechnomee.blogspot.com/" id="credit">technomee</a>   </div> 
  </div>
  <div class="clear"></div>
<script type='text/javascript'>
//<![CDATA[
document.write(unescape('%20%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%3E%0A%20%20%20%20%66%75%6E%63%74%69%6F%6E%20%67%65%74%28%65%29%7B%72%65%74%75%72%6E%20%64%6F%63%75%6D%65%6E%74%2E%67%65%74%45%6C%65%6D%65%6E%74%42%79%49%64%28%65%29%7D%66%75%6E%63%74%69%6F%6E%20%68%69%67%68%6C%69%67%68%74%43%6F%64%65%28%65%29%7B%69%66%28%68%63%2E%63%68%65%63%6B%65%64%29%7B%76%61%72%20%61%3D%65%2E%69%6E%6E%65%72%48%54%4D%4C%3B%61%3D%61%2E%72%65%70%6C%61%63%65%28%2F%5C%7B%28%5B%5C%73%5C%53%5D%2B%3F%29%5C%7D%2F%67%2C%66%75%6E%63%74%69%6F%6E%28%65%29%7B%72%65%74%75%72%6E%20%65%2E%72%65%70%6C%61%63%65%28%2F%5C%27%28%2E%2A%3F%29%5C%27%2F%67%2C%22%3C%73%70%61%6E%20%63%6C%61%73%73%3D%27%73%74%27%3E%27%24%31%27%3C%2F%73%70%61%6E%3E%22%29%2E%72%65%70%6C%61%63%65%28%2F%5C%22%28%2E%2A%3F%29%5C%22%2F%67%2C%22%3C%73%70%61%6E%20%63%6C%61%73%73%3D%27%73%74%27%3E%5C%22%24%31%5C%22%3C%2F%73%70%61%6E%3E%22%29%2E%72%65%70%6C%61%63%65%28%2F%28%5C%7B%7C%5C%6E%7C%3B%29%3F%28%2E%5B%5E%5C%7B%5D%2A%3F%29%3A%28%2E%5B%5E%5C%7B%5D%2A%3F%29%28%3B%7C%5C%7D%29%2F%67%2C%22%24%31%3C%73%70%61%6E%20%63%6C%61%73%73%3D%27%70%72%27%3E%24%32%3C%2F%73%70%61%6E%3E%3A%3C%73%70%61%6E%20%63%6C%61%73%73%3D%27%76%6C%27%3E%24%33%3C%2F%73%70%61%6E%3E%24%34%22%29%2E%72%65%70%6C%61%63%65%28%2F%3C%73%70%61%6E%20%63%6C%61%73%73%3D%27%70%72%27%3E%5C%7B%2F%67%2C%22%7B%3C%73%70%61%6E%20%63%6C%61%73%73%3D%27%70%72%27%3E%22%29%7D%29%2C%61%3D%61%2E%72%65%70%6C%61%63%65%28%2F%26%6C%74%3B%28%2E%2A%3F%29%28%27%7C%22%29%28%2E%2A%3F%29%28%27%7C%22%29%26%67%74%3B%2F%67%2C%66%75%6E%63%74%69%6F%6E%28%65%29%7B%72%65%74%75%72%6E%20%65%2E%72%65%70%6C%61%63%65%28%2F%27%28%2E%2A%3F%29%27%2F%67%2C%22%3C%73%70%61%6E%20%63%6C%61%73%73%3D%27%76%6C%27%3E%27%24%31%27%3C%2F%73%70%61%6E%3E%22%29%2E%72%65%70%6C%61%63%65%28%2F%22%28%2E%2A%3F%29%22%2F%67%2C%22%3C%73%70%61%6E%20%63%6C%61%73%73%3D%27%76%6C%27%3E%5C%22%24%31%5C%22%3C%2F%73%70%61%6E%3E%22%29%7D%29%2C%61%3D%61%2E%72%65%70%6C%61%63%65%28%2F%5C%7B%28%5B%5C%73%5C%53%5D%2B%3F%29%5C%7D%2F%67%2C%66%75%6E%63%74%69%6F%6E%28%65%29%7B%72%65%74%75%72%6E%20%65%2E%72%65%70%6C%61%63%65%28%2F%28%5B%5C%28%5C%29%5C%7B%5C%7D%5C%5B%5C%5D%5C%3A%5C%3B%5C%2C%5D%2B%29%2F%67%2C%22%3C%73%70%61%6E%20%63%6C%61%73%73%3D%27%70%6E%27%3E%24%31%3C%2F%73%70%61%6E%3E%22%29%2E%72%65%70%6C%61%63%65%28%2F%5C%21%69%6D%70%6F%72%74%61%6E%74%2F%67%69%2C%22%3C%73%70%61%6E%20%63%6C%61%73%73%3D%27%69%6D%27%3E%21%69%6D%70%6F%72%74%61%6E%74%3C%2F%73%70%61%6E%3E%22%29%7D%29%2C%61%3D%61%2E%72%65%70%6C%61%63%65%28%2F%5C%2F%5C%2A%28%5B%5C%77%5C%57%5D%2B%3F%29%5C%2A%5C%2F%2F%67%6D%2C%22%3C%73%70%61%6E%20%63%6C%61%73%73%3D%27%63%6D%27%3E%2F%2A%24%31%2A%2F%3C%2F%73%70%61%6E%3E%22%29%2C%65%2E%69%6E%6E%65%72%48%54%4D%4C%3D%22%3C%63%6F%64%65%3E%22%2B%61%2B%22%3C%2F%63%6F%64%65%3E%22%2C%68%72%2E%73%74%79%6C%65%2E%64%69%73%70%6C%61%79%3D%22%62%6C%6F%63%6B%22%2C%72%74%2E%73%74%79%6C%65%2E%64%69%73%70%6C%61%79%3D%22%62%6C%6F%63%6B%22%7D%65%6C%73%65%20%68%72%2E%73%74%79%6C%65%2E%64%69%73%70%6C%61%79%3D%22%6E%6F%6E%65%22%2C%72%74%2E%73%74%79%6C%65%2E%64%69%73%70%6C%61%79%3D%22%6E%6F%6E%65%22%7D%66%75%6E%63%74%69%6F%6E%20%63%6F%6D%70%72%65%73%73%43%53%53%28%65%29%7B%76%61%72%20%61%3D%67%65%74%28%65%29%2C%63%3D%2F%40%28%6D%65%64%69%61%7C%2D%77%7C%2D%6D%7C%2D%6F%7C%6B%65%79%66%72%61%6D%65%73%7C%70%61%67%65%29%28%2E%2A%3F%29%5C%7B%28%5B%5C%73%5C%53%5D%2B%3F%29%3F%5C%7D%5C%7D%2F%67%69%2C%6E%3D%61%2E%76%61%6C%75%65%2C%74%3D%6E%2E%6C%65%6E%67%74%68%3B%6E%3D%73%61%2E%63%68%65%63%6B%65%64%7C%7C%73%63%2E%63%68%65%63%6B%65%64%3F%6E%2E%72%65%70%6C%61%63%65%28%2F%5C%2F%5C%2A%5B%5C%77%5C%57%5D%2A%3F%5C%2A%5C%2F%2F%67%6D%2C%22%22%29%3A%6E%2E%72%65%70%6C%61%63%65%28%2F%28%5C%6E%2B%29%3F%28%5C%2F%5C%2A%5B%5C%77%5C%57%5D%2A%3F%5C%2A%5C%2F%29%28%5C%6E%2B%29%3F%2F%67%6D%2C%22%5C%6E%24%32%5C%6E%22%29%2C%6E%3D%6E%2E%72%65%70%6C%61%63%65%28%2F%28%5B%5C%6E%5C%72%5C%74%5C%73%20%5D%2B%29%3F%28%5B%5C%2C%5C%3A%5C%3B%5C%7B%5C%7D%5D%2B%3F%29%28%5B%5C%6E%5C%72%5C%74%5C%73%20%5D%2B%29%3F%2F%67%2C%22%24%32%22%29%2C%6E%3D%73%63%2E%63%68%65%63%6B%65%64%3F%6E%3A%6E%2E%72%65%70%6C%61%63%65%28%2F%5C%7D%28%3F%21%5C%7D%29%2F%67%2C%22%7D%5C%6E%22%29%2C%6E%3D%62%69%2E%63%68%65%63%6B%65%64%3F%6E%2E%72%65%70%6C%61%63%65%28%63%2C%66%75%6E%63%74%69%6F%6E%28%65%29%7B%72%65%74%75%72%6E%20%65%2E%72%65%70%6C%61%63%65%28%2F%5C%6E%2B%2F%67%2C%22%5C%6E%20%20%22%29%7D%29%3A%6E%2E%72%65%70%6C%61%63%65%28%63%2C%66%75%6E%63%74%69%6F%6E%28%65%29%7B%72%65%74%75%72%6E%20%65%2E%72%65%70%6C%61%63%65%28%2F%5C%6E%2B%2F%67%2C%22%22%29%7D%29%2C%6E%3D%62%69%2E%63%68%65%63%6B%65%64%26%26%21%73%63%2E%63%68%65%63%6B%65%64%3F%6E%2E%72%65%70%6C%61%63%65%28%2F%5C%7D%5C%7D%2F%67%2C%22%7D%5C%6E%7D%22%29%3A%6E%2C%6E%3D%62%69%2E%63%68%65%63%6B%65%64%26%26%21%73%63%2E%63%68%65%63%6B%65%64%3F%6E%2E%72%65%70%6C%61%63%65%28%2F%40%28%6D%65%64%69%61%7C%2D%77%7C%2D%6D%7C%2D%6F%7C%6B%65%79%66%72%61%6D%65%73%29%28%2E%2A%3F%29%5C%7B%2F%67%2C%22%40%24%31%24%32%7B%5C%6E%20%20%22%29%3A%6E%2C%6E%3D%63%6D%2E%63%68%65%63%6B%65%64%3F%6E%2E%72%65%70%6C%61%63%65%28%2F%3B%5C%7D%2F%67%2C%22%7D%22%29%3A%6E%2E%72%65%70%6C%61%63%65%28%2F%5C%7D%2F%67%2C%22%3B%7D%22%29%2E%72%65%70%6C%61%63%65%28%2F%3B%2B%5C%7D%2F%67%2C%22%3B%7D%22%29%2E%72%65%70%6C%61%63%65%28%2F%5C%7D%3B%5C%7D%2F%67%2C%22%7D%7D%22%29%2C%6E%3D%6E%2E%72%65%70%6C%61%63%65%28%2F%5C%3A%30%28%70%78%7C%65%6D%7C%70%74%29%2F%67%69%2C%22%3A%30%22%29%2C%6E%3D%6E%2E%72%65%70%6C%61%63%65%28%2F%20%30%28%70%78%7C%65%6D%7C%70%74%29%2F%67%69%2C%22%20%30%22%29%2C%6E%3D%6E%2E%72%65%70%6C%61%63%65%28%2F%5C%73%2B%5C%21%69%6D%70%6F%72%74%61%6E%74%2F%67%69%2C%22%21%69%6D%70%6F%72%74%61%6E%74%22%29%2C%6E%3D%6E%2E%72%65%70%6C%61%63%65%28%2F%28%5E%5C%6E%2B%7C%5C%6E%2B%24%29%2F%2C%22%22%29%2C%61%2E%76%61%6C%75%65%3D%6E%2C%68%72%2E%69%6E%6E%65%72%48%54%4D%4C%3D%22%2F%2A%20%22%2B%28%74%2D%6E%2E%6C%65%6E%67%74%68%29%2B%22%20%6F%66%20%22%2B%74%2B%22%20%75%6E%75%73%65%64%20%63%68%61%72%61%63%74%65%72%73%20%68%61%73%20%62%65%65%6E%20%72%65%6D%6F%76%65%64%2E%20%2A%2F%5C%6E%22%2B%6E%2E%72%65%70%6C%61%63%65%28%2F%3C%2F%67%2C%22%26%6C%74%3B%22%29%2E%72%65%70%6C%61%63%65%28%2F%3E%2F%67%2C%22%26%67%74%3B%22%29%2C%68%69%67%68%6C%69%67%68%74%43%6F%64%65%28%68%72%29%7D%66%75%6E%63%74%69%6F%6E%20%63%6C%65%61%72%46%69%65%6C%64%28%65%29%7B%76%61%72%20%61%3D%67%65%74%28%65%29%3B%61%2E%76%61%6C%75%65%3D%22%22%2C%61%2E%66%6F%63%75%73%28%29%7D%66%75%6E%63%74%69%6F%6E%20%73%65%6C%65%63%74%41%6C%6C%28%65%29%7B%67%65%74%28%65%29%2E%66%6F%63%75%73%28%29%2C%67%65%74%28%65%29%2E%73%65%6C%65%63%74%28%29%7D%76%61%72%20%68%63%3D%67%65%74%28%22%68%69%67%68%6C%69%67%68%74%43%6F%64%65%22%29%2C%73%61%3D%67%65%74%28%22%73%74%72%69%70%41%6C%6C%43%6F%6D%6D%65%6E%74%22%29%2C%73%63%3D%67%65%74%28%22%73%75%70%65%72%43%6F%6D%70%61%63%74%22%29%2C%63%6D%3D%67%65%74%28%22%6B%65%65%70%4C%61%73%74%43%6F%6D%6D%61%22%29%2C%62%69%3D%67%65%74%28%22%62%65%74%74%65%72%49%6E%64%65%6E%74%61%74%69%6F%6E%22%29%2C%62%73%3D%67%65%74%28%22%62%72%65%61%6B%53%65%6C%65%63%74%6F%72%22%29%2C%74%74%3D%67%65%74%28%22%74%6F%54%61%62%22%29%2C%74%6F%3D%67%65%74%28%22%74%61%62%4F%70%74%22%29%2E%67%65%74%45%6C%65%6D%65%6E%74%73%42%79%54%61%67%4E%61%6D%65%28%22%69%6E%70%75%74%22%29%2C%73%62%3D%67%65%74%28%22%73%70%61%63%65%42%65%74%77%65%65%6E%22%29%2C%69%70%3D%67%65%74%28%22%69%6E%6C%69%6E%65%53%69%6E%67%6C%65%50%72%6F%70%22%29%2C%72%73%3D%67%65%74%28%22%72%65%6D%6F%76%65%4C%61%73%74%53%65%6D%69%63%6F%6C%6F%6E%22%29%2C%69%6C%3D%67%65%74%28%22%69%6E%6C%69%6E%65%4C%61%79%6F%75%74%22%29%2C%73%69%3D%67%65%74%28%22%73%69%6E%67%6C%65%42%72%65%61%6B%22%29%2C%68%72%3D%67%65%74%28%22%68%69%67%68%6C%69%67%68%74%65%64%52%65%73%75%6C%74%22%29%2C%72%74%3D%64%6F%63%75%6D%65%6E%74%2E%67%65%74%45%6C%65%6D%65%6E%74%73%42%79%54%61%67%4E%61%6D%65%28%22%68%32%22%29%5B%31%5D%3B%0A%20%20%0A%77%69%6E%64%6F%77%2E%6F%6E%6C%6F%61%64%20%3D%20%66%75%6E%63%74%69%6F%6E%28%29%7B%0A%20%20%76%61%72%20%63%6F%70%79%3D%64%6F%63%75%6D%65%6E%74%2E%67%65%74%45%6C%65%6D%65%6E%74%42%79%49%64%28%22%63%72%65%64%69%74%22%29%3B%0A%20%20%0A%20%20%20%20%69%66%28%63%6F%70%79%3D%3D%6E%75%6C%6C%29%7B%0A%20%20%20%20%20%20%20%20%77%69%6E%64%6F%77%2E%6C%6F%63%61%74%69%6F%6E%2E%68%72%65%66%3D%22%68%74%74%70%73%3A%2F%2F%62%74%65%63%68%6E%6F%6D%65%65%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%22%3B%0A%20%20%20%20%7D%3B%0A%20%20%20%20%63%6F%70%79%2E%73%65%74%41%74%74%72%69%62%75%74%65%28%22%68%72%65%66%22%2C%22%68%74%74%70%73%3A%2F%2F%62%74%65%63%68%6E%6F%6D%65%65%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%22%29%3B%0A%20%20%20%20%63%6F%70%79%2E%69%6E%6E%65%72%48%54%4D%4C%3D%22%74%65%63%68%6E%6F%6D%65%65%22%0A%7D%3B%0A%3C%2F%73%63%72%69%70%74%3E'));
//]]>
</script>
</div>