منع نسخ تدوينات مدونتك على بلوجر (منع النقر بتحذير منبثق)
عدد التعليقات :
0
دائما ما نواجهة سرقة المحتوي في مدونتك، مثل نسخ مواضيعك والتعديل عليها ومن ثم نشرها، بدأت جوجل مؤخرا بمعاقبه تلك المواقع وهذا شئ جميل ولاكن ما رائيك بأن نقوم بمعاقبتها نحن أيضا بمنعها من سرقة محتوي مدونتك، لذالك قررت في هذه التدوينة سأوجهك لإنشاء نافذة نصية تحذيرية عندما ينقر المستخدمون بزر الماوس الأيمن على الصفحة ليقوم بنسخ التدوينة او نص معين، حيلة رائعة اليس كذلك؟ للحصول على صورة أفضل، شاهد بالمعاينة العرض التوضيحي!
شرح طريقة التركيب
1 . توجه لقالب >> تحرير
2. ابحث بإستعمال CTRL+F عن ]]></b:skin>
3. ضع الكود التالي قبله [ فوقه ]
تفعيل الاضافة
1 . توجه لقالب >> تحرير
2. ابحث بإستعمال CTRL+F عن ]]></b:skin>
3. ضع الكود التالي قبله [ فوقه ]
الكود
.help-tip{position: absolute;top: 40px;right: 600px;text-align: center;background-color: #D55050;border-radius: 50%;width: 24px;height: 24px;font-size: 14px;line-height: 26px;cursor: default;}
.help-tip:before{content:'?';font-weight: bold;color:#fff;}
.help-tip:hover p{display:block;transform-origin: 100% 0%;-webkit-animation: fadeIn 0.3s ease-in-out;animation: fadeIn 0.3s ease-in-out;}
.help-tip p{display: none;text-align: right;font-family: droid arabic kufi;background-color: rgba(30, 32, 33, 0.97);padding: 20px;width: 300px;position: absolute;border-radius: 3px;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);right: -4px;color: #FFF;font-size: 13px;line-height: 1.4;}
.help-tip p:before{position: absolute;content: '';width:0;height: 0;border:6px solid transparent;border-bottom-color:#1E2021;right:10px;top:-12px;}
.help-tip p:after{width:100%;height:40px;content:'';position: absolute;top:-40px;left:0;}
@-webkit-keyframes fadeIn {
0% {opacity:0; transform: scale(0.6);}
100% {opacity:100%;transform: scale(1);}}
@keyframes fadeIn {0% { opacity:0; }100% { opacity:100%; }}
الكود
<div class="help-tip">
<p>.هذا مثال يوضح ما تعرضه هذه الإضافة، في حين يمكنك إستعمالها بموقعك لعمل ملاحظة لشيء ما.</p>
</div>
4. قم بتغيير الكلام المحدد باللون الاصفر بأي نص تريده
لا تنسا ان تكن من أعضاء المدونة من هنا , إذا واجهتك اي مشكلة لا تترد فى ترك تعليق
شارك المقال على :
التعليقات
يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة