سكربت حماية قوالب بلوجر من السرقة مع لوحة تحكم عن طريق المعرف

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

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

ما هو سكربت حماية قوالب بلوجر من السرقة

أداة حماية قوالب بلوجر من السرقة عبارة عن سكربت يتم إدراجه وسط الأكواد البرمجية الخاصة بالقالب في نهاية صفحة الترميز فوق وسم <body/> ومن ثمّ ستحتاج إلى الربط بينه وبين لوحة التحكم لكي يعمل على حماية قالب بلوجر الخاص بك من السرقة.

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

تنويه: سكربت حماية قالب بلوجر من السرقة يوجد به نسختين للتحكم بالمشروع عن طريق المعرف id أو عن طريق رابط url الخاص بالمدونة، سوف نضع لكم كلتا النسختين معاً ونشرح طريقة التركيب وأنت ستختار حسب ما يلائم إحتاجاتك.

كيف يعمل سكربت حماية قالب بلوجر من السرقة

يعمل سكربت حماية قوالب بلوجر من السرقة كأداة لربط الإتصال بين المتصفح وبين أكواد JavaScript الخاصة بقالب بلوجر، بمجرد بدئ الإتصال بين السكريبت مع لوحة التحكم (قاعدة البيانات) يتم قراءة قائمة المعرفات ”id” التي قمت بإدراجها كمواقع مسموح لها باستخدام قالب بلوجر الخاص بك.

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

شاهد أيضاً

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

فوائد سكربت حماية المشروع من السرقة لمدونات بلوجر

يحتوي سكربت حماية المشاريع من السرقة الخاص بمدونات بلوجر على لوحة تحكم خفيفة وسهلة الإستخدام وهي عبارة عن قاعدة بيانات تقوم أنت ”المشرف“ بإضافة معرفات المدونات المُصرح لها باستخدام المشروع الخاص بك، ومن المستحيل كسر حماية مشروعك أو التلاعب به ما دمت تطبق كل التوجيهات التي سنذكرها لك.

• يتم تركيب سكربت حماية قالب بلوجر مرة واحدة فقط وسيعمل بشكل دائم وهو مجاني تماماً.
• يمكنك التحكم في شكل وتصميم النافذة التي تظهر للمستخدمين الذين لا يمتلكون رخصة تفعيل القالب.
• حجم أكواد سكربت تفعيل قالب بلوجر عن طريق الأيدي خفيف جداً ولن يتسبب في بطئ أو ثقل في سرعة فتح الموقع.
• يمكن وضع روابط للتواصل معك في القائمة التي تخل مكان الصفحة من أجل توجيه الأشخاص الذين يرغبون بشراء المنتوج.
• الأداة مجانية تماماً ولا تتطلب أي إشتراك أو مصاريف إضافية (تعود ملكية تطوير السكريبت إلى موقع إشرح نت لذلك يرجى عدم محاولة إعادة البيع أو إدّعاء الملكية الفكرية).

شرح تركيب أداة حماية قالب بلوجر من السرقة

كما أشرنا سابقاً أن أداة إضافة سكربت حماية قالب بلوجر من السرقة يوجد منها نسختين الأولى عن طريق المعرف الخاص بالمدونة "00000000000000" والثانية عن طريق رابط الموقع domain.com سوف نقوم الآن بعرض النسختين معاً وهما متشابهتين في طريقة العمل ولهما نفس خطوات التركيب.

أداة حماية قالب بلوجر عن طريق الأيدي :

أولاً، قم بإنشاء مدونة جديدة على البلوجر والتي ستعمل بمثابة لوحة التحكم لحماية قالب بلوجر من السرقة، بعد ذلك قم بإنشاء مشاركة جديدة وقم بتسميتها كما تشاء. مثلاً "لوحة التحكم".

الآن في المشاركة قم بالتغيير من وضع التحرير إلى عرض HTML الموجود أعلى يمين الشاشة.

قم بنسخ ولصق كود HTML التالي داخل الصفحة التي أنشأتها :

<div class="remain">
<div class="redirect">
<div class="ops">
<style>
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap');
.header-panel{text-align:center;font-size:19px;font-family:Tajawal;background:#fff;color:#666;padding:0;margin:0 auto;width:100%}
.imgg img{width:44px;height:56px;padding:11px}.imgg{position:absolute;margin:0 auto;left:0;right:0;top:-25px;width:80px;height:80px;line-height:50px;border-radius:50%;z-index:9;background:#ce3a33;padding:0;text-align:center;box-shadow:0px 5px 15px rgb(0 0 0 / 26%)}.EchrahNetRights{color:#ce3a33;float:left;font-weight:900;margin:5px 0px 0px -15px}.homea{color:#fff;background:#ce3a33;display:block;max-width:140px;padding:10px 12px;margin:5px auto;font-size:14px;font-weight:900;line-height:1.42857143;text-align:center;border-radius:3px;transition:all .2s ease}.homea:hover{background:#dedede;color:#ce3a33}.div{position:relative;padding:2em;width:80%;max-width:600px;min-width:200px;margin:5em auto;background:white;box-shadow:0 2px 4px 0px rgb(0 0 0 / 40%)!important}.con{font-size:14px;position:fixed;overflow-x:hidden;background:#f8f8f8;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1;text-align:center}
a{text-decoration:none}.if{position:relative;padding:5px;text-align:right;font-size:14px}.nu{font-size:17px;font-weight:bold;color:#ce3a33}h4{font-size:26px;margin:45px 0 15px;line-height:normal;user-select:none}::selection{background:#ce3a33;color:#fff}
</style>
<div class="header-panel" dir="rtl">
<div class="activetheme"><div>
<div class="con"><div class="div"><div>
<div class="imgg"><img src="https://ik.imagekit.io/8zzltrsej/EchrahNet.svg" /></div><h4>عفواً..!!</h4></div>
<div class="if">
<p>لا يمكنك إستخدام هذا القالب .. هذا التوقف يحدث تلقائياً بسبب ما يلي ..</p>
<p><span class="nu">1. </span>العبث بحقوق ملكية التصميم!.. كإخفاء توقيع المصمم</p>
<p><span class="nu">2. </span>لا تملك رخصة؟ .. للحصول على تفعيل القالب يرجى <a href="https://www.echrah.net/p/contact.html" style="color: #ce3a33; font-size: 14px; font-weight: 900;">
طلب رخصة</a></p><p><span class="nu">3. </span>تملك رخصة ومع ذلك لا تستطيع إستخدام هذا القالب .. يرجى التواصل بـ
<a href="https://www.echrah.net/p/contact.html" style="color: #ce3a33; font-size: 14px; font-weight: 900;">فريق الدعم</a>
</p><span class="nu">4. </span>الدومين الحالي لم يتم تسجيله في قاعدة بيانات القالب<p></p>
</div><div><a class="homea" href="https://www.echrah.net/">الموقع الرسمي</a></div>
<a class="EchrahNetRights" href="https://www.facebook.com/Mr.Soufiane.Hajaji" id="EchrahNetRights" target="_blank">Powered By : Soufiane Hajaji</a>
</div>
</div>
</div>
</div>
<ul class="domain">
<li>00000000000000000000</li>
<li>00000000000000000000</li>
<li>00000000000000000000</li>
<li>00000000000000000000</li>
</ul>
</div>
</div></div></div>

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

ضع بدل الأصفار معرف (معرفات) مدونات بلوجر التي ترغب في منحها رخصة إستخدام القالب.

الخطوة الثانية هي إضافة كود JavaScript الخاص بلوحة تفعيل قالب بلوجر عن طريق الأيدي، يجب أن تقوم بدمجه وسط بقية أكواد JS المسؤولة عن تشغيل القالب لظمان أنه إذا تم محاولة حذف الكود ستتعطل جميع أجزاء القالب الأخرى بشكل تلقائي، تابع الخطوات.

قم بنسخ هذا الكود وأضفه وسط أكواد جافا سكريبت الموجودة فوق وسم /body كما في الصورة.

    $(function () {
        "use strict";
        $.ajax({
            dataType: "json",
            dataType: "jsonp",
            url: "https://www.blogger.com/feeds/000000000000000000/posts/default?alt=json-in-script",
            method: "GET",
            success: function (e) {
                for (var t = 0; t < e.feed.entry.length; t += 1) {
                    var n = $(e.feed.entry[t].content.$t);
                    if (0 === t && !$("body").hasClass("error_page")) {
                        for (var o = n.find("li"), r = [], d = 0; d < o.length; d += 1) r.push($(o[d]).text());
                        for (var a = $("#myIdBlog").text(), i = window.location.href.toLowerCase(), f = r.length - 1, s = 0; s < r.length; s += 1) {
                            if (-1 != a.indexOf(r[s])) {
                                var l = $(e.feed.entry[t].content.$t).find("script"),
                                    c = $(e.feed.entry[t].content.$t).find("style");
                                $("head").append(c), $("head").append(l);
                                break;
                            }
                            s == f &&
                                -1 == i.indexOf("post-preview") &&
                                -1 == i.indexOf("www.blogger") &&
                                -1 == i.indexOf("b/layout-preview") &&
                                -1 == i.indexOf("b/preview") &&
                                -1 == i.indexOf("translate.google") &&
                                -1 == i.indexOf("webcache.googleusercontent") &&
                                -1 == i.indexOf("template-editor") &&
                                $("html").html(n.find(".redirect").html());
                        }
                    }
                }
            },
        });
    });
});

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

ضع الأرقام بدال الأصفار المشار لها في السكريبت الذي وضعته أسفل /body لكي يتم ربط الإتصال بين لوحة التحكم والقالب.

وأضف بعدها هذا الكود وقم بإخفائه وسط أكواد القالب تحت <body مباشرة وهو ضروري لعمل السكربت الخاص بالتفعيل عن طريق الأيدي.

<div id='myIdBlog'><data:blog.blogId/></div>

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

ولأجل الحصول على أقصى و أفضل تشفير لا يمكن كسر حمايته ننصحك باستعمال موقع JavaScript Obfuscator لتشفير الأكواد، لا تغير أي شيء فقط ضع الأكواد واضغط obfuscate.

حسناً، تم تطبيق كل شيء. فقط إضغط حفظ وسيكون كل شيء جاهزاً، وعندما ترغب في السماح لأي مدونة بلوجر في إستخدام القالب الخاص بك، أطلب من مالكها أن يزودك بالأيدي id الخاص بمدونته وأضفها ضمن القائمة في التدوينة التي أنشأنا سابقاً وهي بمثابة لوحة التحكم.

للإشارة تدعم لوحة تحكم سكربت حماية القالب من القرصنة إضافة عدد لا نهائي من عناوين id فقط أضف العدد الذي يناسب حاجياتك من <li>0000000000000000</li> وضع المعرفات بدل الأصفار كما أشرنا في السابق.

أداة حماية قالب بلوجر عن طريق الدومين :

إذا أردت إستعمال أداة حماية قالب بلوجر عن طريق الدومين وكنت ترغب في إضافة سكربت لوحة التفعيل عن طريق الدومين يمكنك إستبدال الكود الذي وضعته فوق /body وغيره بهذا الكود الذي يعمل عن طريق الدومين.

$(document).ready(function() {
    var idBlog = "000000000000000000";
    $(function() {
        "use strict";
        $.ajax({
            dataType: "json",
            url: "https://www.blogger.com/feeds/" + idBlog + "/posts/default?alt=json-in-script",
            method: "GET",
            dataType: "jsonp",
            success: function(e) {
                var t;
                for (t = 0; t < e.feed.entry.length; t += 1) {
                    var n = $(e.feed.entry[t].content.$t);
                    if (0 === t && !$("body").hasClass("error_page")) {
                        for (var o = n.find("li"), d = [], a = 0; a < o.length; a += 1) d.push($(o[a]).text());
                        var r,
                            i = window.location.hostname.toLowerCase(),
                            f = window.location.href.toLowerCase(),
                            s = d.length - 1;
                        for (r = 0; r < d.length; r += 1) {
                            if (-1 != i.indexOf(d[r])) {
                                var l = $(e.feed.entry[t].content.$t).find("script"),
                                    p = $(e.feed.entry[t].content.$t).find("style");
                                $("head").append(p), $("head").append(l);
                                break;
                            }
                            r == s &&
                                -1 == f.indexOf("post-preview") &&
                                -1 == f.indexOf("www.blogger") &&
                                -1 == f.indexOf("b/layout-preview") &&
                                -1 == f.indexOf("b/preview") &&
                                -1 == f.indexOf("translate.google") &&
                                -1 == f.indexOf("webcache.googleusercontent") &&
                                -1 == f.indexOf("template-editor") &&
                                $("html").html(n.find(".redirect").html());
                        }
                    }
                    if (1 === t) {
                        p = $(e.feed.entry[t].content.$t).find("style");
                        $("head").append(p);
                    }
                }
            },
        });
    });
});

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

---

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

إشرح نت هو الدليل الأكثر شمولاً لتعلم المعرفة التقنية وشروحات عالم الإنترنت.

الذهاب للرابط