اداة قفل واخفاء المحتوى لمدونات بلوجر

اداة قفل واخفاء المحتوى لمدونات بلوجر

قفل واخفاء المحتوى

ربما تسمعون لأول مرة باداة قفل المحتوى. أليس كذلك؟
تم تصميم الاداة في البداية لمدونات ووردبريس قبل ان يتم تمكينها لمدونات بلوجر كذلك. هذه الاداة تم تصميمها بالجافا سكريبت والCSS. أما طريقة عملها فهي كالتالي:
1 - يدخل الزائر لأحد المواضيع أو المشاركات الخاصة بمدونتكم.
2 - يجد صندوق مع أزرار المشاركة على الشبكات الاجتماعية يخفي المشاركة أو جزء منها
3 -  سحر الأداة يكمن في وضع شرط مشاركة الاداة عبر النقر على أزرار المشاركة لإظهار المحتوى المخفي
اضافة اداة قفل المحتوى لمدونات بلوجر

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


طريقة اضافة اداة قفل المحتوى لمدونات بلوجر

لاضافة اداة قفل او اخفاء المحتوى على مدونتكم اتبعوا معنا الخطوات التالية:
1 - من واجهة منصة بلوجر قوموا بالنقر على قالب ثم تحرير HTML
تحرير كود القالب

2 - Ctrl+F  من لوحة المفاتيح للبحث عن الكود التالي:

</head>

3 - وفوقه مباشرة أضيفوا الكود التالي:
<link href='https://sites.google.com/site/menightfury/home/social-locker/public/sociallocker_v1.6.0.css' rel='stylesheet'/>
<script src='https://sites.google.com/site/menightfury/home/social-locker/public/sociallockermin_v1.6.0.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function ($) {
$('#default-usage .to-lock').sociallocker({

buttons: {order:["facebook-like",]},


facebook: {url:"https://www.facebook.com/folfoly"},



text: {
header: "شارك للحصول على رابط التحميل",
message: "المرجو المشاركة لفتح القفل"
},

locker: {close: false, timer: 0,},
theme: "secrets"
});
});
//]]>
</script>

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

4 - بعد ذلك قوموا بالبحث من جديد عن الكود التالي:
</body>
5- وفوقه مباشرة اضيفوا الكود التالي:
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
}, 10);
</script>

6 - انتهينا من التغييرات على القالب ويكفي حفظ التغييرات.

اظهار الاداة داخل المواضيع او المشاركات

بعد قيامنا بالتغييرات على القالب سنمر الآن لطريقة اظهار الاداة في المشاركات وهي كالتالي:
داخل اطار كتابة المواضيع او المشاركات ستنقرون على HTML وتضيفون الكود التالي في المكان الذي ترغبون اظهار الاداة فيه :
تحرير html مشاركات بلوجر

<article id="default-usage">
<div class="to-lock" style="display: none;">
<div style="text-align: center;">
هنا يتم اضافة ما تريدون اخفاءه كرابط، صورة أو نص....الخ
</div>
</article>


استعمالات اداة قفل المحتوى

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

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

هناك 6 تعليقات

  1. شكراااااااااااااااااااااااااااااااااااااااااااااااااااااااااااااا

    ردحذف
    الردود
    1. لا شكر على واجب
      شكرا على مرورك

      حذف
  2. الاداة لا تعمل اخي ... الرجاء اصلاحها

    ردحذف
    الردود
    1. تم حل المشكل اخي
      جربها الان

      حذف
  3. أزال المؤلف هذا التعليق.

    ردحذف
  4. الاداة عايزة تظبيط انا هحلها بازن الله

    ردحذف

لكل سؤال أو إضافة، يرجى كتابة تعليقك في الخانة اسفله