طريقة عمل محتوى مغلق بالازرار الاجتماعية

موضوعنا اليوم يهم كثير من المدونين خصوصاً الباحثين عن زيادة التفاعل والمتابعين لكنه في نفس الوقت سلاح ذو حدين ان اسئ استخدامه فالموضوع يتكلم عن اضافة تمكنك من اخفاء او غلق محتوى الموضوع الخاص بك ولا يظهر إلا بعد استخدام احد الشبكات الإجتماعية الثلاث الأشهر  فيس بوك Facebook تويتر Twitter جوجل بلس Google Plus طبعا هذا يوسع انتشار روابط مدونتك لكن ايضاً قد ينفر الزائر لذلك يجب ان تكون ذكي في اماكن استخدامه وسأوضح بشكل اكبر

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

فطبق الإضافة على اهم مواضيعك فقط 

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

الموضوع تطوير خاص وحصري لكن مدون

فالسكريبتات والستيالات الأصلية كان ثقيلة وبها عدة ستايلات طبعا هذا يجعلها اوسع في تلبية الرغبات لكن كانت تعتبر عبئ لا داعي له فتم تخفيف كامل إلى النص فتقريباً والإبقاء على ستايل واحد فقط واخترت استايل يجمع بين الجمال وقلة الصور فيعتمد على أكواد الـ CSS بشكل أكبر 

والآن حان وقت إستغلالكم ^_^ لتجربة ورؤية باقي الموضوع ادعمنا واستخدم أحد الوسائل الإجتماعية

<link href='https://cnmu.googlecode.com/svn/trunk/2014/sociallocker.css' rel='stylesheet'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'></script>
<script src='https://cnmu.googlecode.com/svn/trunk/2014/sociallocker.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function ($) {
$('#cnmu-slock').sociallocker({
theme: "flat",
locker: {close: false,timer: 0 },
buttons: {order: ["facebook-like", "twitter-tweet", "google-plus"]},
text: {
header: "المحتوى مغلق",
message: "يرجى دعمنا واستخدام احد الأزرار الإجتماعية لإظهار المحتوى"
},
facebook: { 
like: {
title: "أعجبني",
url: "https://www.facebook.com/cnmu.blogspot"
}
},
twitter: {
tweet: {
title: "تغريد",
text: "جملة تظهر في التغريدات",
url: "http://cnmu.blogspot.com"
}
},
google: {
plus: {
title: "جوجل بلس",
url: "http://cnmu.blogspot.com"
}
}
});
});
//]]>
</script>

شرح أهم الإعدادات

احذف الكود الأصفر ان كانت لديك مكتبة جي كويري
الكلمات العربية يمكنك تعديلها بما تراه مناسباً
كلمة false إستبدلها بكلمة true ان اردت ان يظهر زر اغلاق للزائر بحيث لا يكون مجبر على الضغط على الأزرار
الرقم 0 عدله برقم آخر وهو عدد الثواني التي تريد ان يظهر المحتوى بعد مرورها دون الضغط على الأزرار او اتركه كما هو ان لم تريد توقيت
هناك ثلاث روابط معلمة بالاحمر
الاول هو رابط صفحة الفيس بوك الخاصة بك
والثاني هو رابط موقعك او صفحة معينة ليتم تغريدها
والثالث نفس الشئ لكن خاص بجوجل بلس
في حالة أردت ان يتم الإعجاب بالصفحة او الموضوع نفسه وليس صفحات مخصصة فقط احذف سطور الروابط بأكملها بما فيها url
إلا في تويتر تحذف معه السطر الذي يسبقه المعلم بالأخضر
وطبعا هذا أفضل من صفحات مخصصه حتى لا يتعطل السكريت لمن سجل الإعجابات بالصفحات الاساسية سابقاً

الآن مع طريقة تفعيل الكود داخل المواضيع

اكتب موضوعك بشكل عادي تماماً
ثم بعد ان تنتهي قم بتحويل صندوق الكتابة من وضع تاليف الى وضع HTML
وحدد بداية الجزء الذي تريد غلقه واضف فوقه الكود التالي

<article id="cnmu-slock" style="display:none;">

ثم حدد نهايته وأضف تحته الكود التالي

</article>

تم بحمد الله