أداة تشفير ألاكواد HTML Encrypt

أهلا ومرحباً بكم في موضوع جديد علي مدونة مستر ميدو، اليوم نشرح لكم أضافة أداة تهم كل مدون ومصمم ويب ، أداة تشفير اكواد HTML تساعدك كمطور في تشفير اعمالك وحمايتها من السرقة.

ما هو تشفير HTML؟

اداة تشفير HTML تقوم تحويل محتويات صفحة الويب الخاصة بك إلى تنسيق رموز غير مفهوم. هذا الرمز المشفر قد يحمي المشاريع الخاص بك من السرقة من قبل الآخرين إلى حد كبير. القيد الوحيد لذلك هو أن صفحتك ستظهر على المتصفحات التي تدعم JavaScript فقط.

ما هو نظام التشفير?

نظام التشفير هو المسؤول عن تغيير البيانات بنظام محدد و لكل نظام تشفير طرق و حيل مختلفة في تغيير البيانات فعلى سبيل المثال قد تجد نظام تشفير يقوم باستبدال حرف M داخل البيانات النصية بعلامة"@" و هكذا مع بقية الحروف الاخرى و يقوم بتعريف الصور على أنها موسيقى و هكذا

شاهد أيضاً :-

كيف تتم عملية تشفير البيانات

تتم عملية التشفير في الغالب بين طرفين طرف يقوم بتشفير البيانات البيانات قبل طرحها على الشبكة على سبيل المثال و طرف يقوم بفك تشفير تلك البيانات بنفس النظام الذي تم تشفيرها به ولكن بشكل معكوس وذلك بعد استقبالها من الشبكة

مشاهده الاداة

لاستخدام الأداة اونلاين اتبع الخطوات التاليه:-

1. ضع كود الـhtml الخاص بك داخل الصندوق الاول.
2. إظغط على كلمة تشفير . وسيظهر الكودالمشفر في الصندوق الثاني .انسخه الى موقعك .

خطوات تركيب الاداة في بلوجر

• توجه إلى الواجهة الرئيسية في Blogger. 
• إنتقل إلى الصفحات من القائمة المنسدلة. قم بإنشاء صفحة جديدة.
• أعطي إسم للصفحة مثلا ”HTML Code Encrypt”. 
• نقوم بتحويل الصفحة من عرض وضع الإنشاء إلى عرض Html.
• حدد على الكود التالي بالكامل وقم بنسخه , تم ألصقه بداخل الصفحة.

ملحوظه
كود Javascript الخاص بهذه الأداة كبير الحجم وتم رفع الكود علي ميديا فاير، والاكواد أسفل تنقصه، يلزمك تحميل الكود كامل من الزر التالي.

تحميل الكود كامل

<div class="heroBox">
    <div class="BoxTool">
        <p class="title dt">HTML Encrypter Tool:</p>
        <form class="Form" name="pageform">
            <textarea class="cInpt" id="areatxt" name="code" placeholder="Paste your HTML, JS, CSS, PHP, C+ code here..."></textarea>
            <div class="button-group">
                <button class="gentBut" onclick="doencrypt(pageform);" type="button">Encrypt Code</button>
                <button class="copyBut" id="txtarea" onclick="cpydNtf()" type="button">Copy Code</button>
                <button onclick="resetNtf()" type="reset">Reset</button>
            </div>
            <textarea class="TxtArea" id="txtarea" name="ecode" readonly="yes"></textarea>
        </form>
        <div class="BoxTool-power">
            <a href="https://www.mr-medo.net/" itemprop="url">مستر ميدو<svg viewbox="0 0 24 24">
              <path d="M8 24l3-9h-9l14-15-3 9h9l-14 15z"></path></svg>
            </a>
        </div>
    </div>
</div>

<style>
.heroBox{border-radius:10px;box-shadow:0 3px 9px -2px;}.BoxTool{position:relative;padding:15px;border-radius:10px;background:#fff;box-shadow:0 10px 25px -3px rgb(0 0 0 / 10%);margin-top:25px;}.BoxTool::before{content:"";display:block;position:absolute;top:0;left:0;width:115px;height:115px;background:rgba(155,170,175,0.12);background-repeat:no-repeat;border-radius:20px 0 120px;transition:opacity 0.3s;opacity:1;}.BoxTool::after{content:"";display:block;position:absolute;bottom:0;right:0;width:115px;height:115px;background:rgba(155,170,175,0.12);background-repeat:no-repeat;border-radius:120px 0 20px;transition:opacity 0.3s;opacity:1;}.drK .BoxTool input,.drK .BoxTool textarea,.drK .BoxTool select{background:var(--darkBs);border-color:rgba(255,255,255,0.15);color:var(--white-color);}.drK .BoxTool{background:var(--darkBa);box-shadow:0 10px 40px rgba(0,0,0,0.2);}.BoxTool textarea{height:200px;}.BoxTool input,.BoxTool textarea,.BoxTool select{width:100%;margin:5px 0 5px 0;padding:15px;outline:0;border:2px solid rgba(0,0,0,0.05);border-radius:2px;line-height:22px;background-color:#fefefe;}.BoxTool button{display:flex;justify-content:space-around;color:var(--white-color);background:var(--themeC);width:100%;border-radius:2px;padding:15px;margin:5px 0 5px 0;line-height:22px;border:none;outline:none;}.BoxTool button:hover{background:var(--darkU);}.BoxTool .button-x{padding:5px;margin:5px 0 5px 0;}.BoxTool .gentBut{float:right;width:49%;}.BoxTool .copyBut{float:left;width:49%;}.BoxTool-power{font-size:15px;color:#000;line-height:1;padding-top:15px;text-align:center;margin:5px;}.BoxTool-power svg{height:18px;width:18px;margin-left:5px;vertical-align:middle;fill:#dadd00;}.button-group{padding:5px;margin:0 auto;}.Form{border-bottom:1.5px solid;padding-bottom:5px}
</style>

الخلاصة:-

شرحنا في هذا الموضوع اداة تشفير HTML Encrypt ، وكيفية تركيبها في مدونة بلوجر بهذه الأداة سوف يكون عندك المقدرة علي تشفير اعمالك وحمايتها من السرقة.

ينتهي هنا موضوعنا عن "أداة تشفير ألاكواد HTML Encrypt "، ونلتقي في موضوع جديد على مدونة مستر ميدو. دمتم في امان الله :)

فتح رابط التوجية