إخفاء المحتوى او الرابط وإضهاره بعد الظغط على ازرار المشاركة على مواقع التواصل

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

واليوم سأقدم كود من شأنه اخفاء اي محتو او رابط كيفما كان في الموضوع وإظهاره بعد الظغط على زر الاعجاب وزر جوجل بلس وتويتر , 

الاضافة اعتمدها في موقعي وهي لا تسبب اي ازعاج للزائر  لانها بسيطة وتعمل بتقنية جيكويرJQuery وهي تعمل على منصة بلوجر ووردبريس ,   لها دور كبير فى زيادة إحصائيات موقعك وزيادة عدد زوار ومتابعين الموقع .

                                                   المعاينة 

هنا يمكنك ما تريد ..........

طريقة التركيب 

1 ) توجه الى لوحة تحكم بلوجر 

2 ) اختر المدونة ثم القالب 

3 ) تحرير القالب 

4) ابحث عن الوسم  </body>

اضف فوقه هدا الكود

<script src='https://googledrive.com/host/0B5IcYw0jrdhcNWFRZ0pZVnBpRWs' type='text/javascript'/>
<link href='https://googledrive.com/host/0B5IcYw0jrdhcMDNvUk5tUVBWenc' rel='stylesheet'/>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function ($) {
$('#abou-nizar-hide').sociallocker({
theme: "flat",
locker: {close: false,timer: 420 },
buttons: {order: ["facebook-like", "twitter-tweet", "google-plus"]},
text: {
header: "هدا المحتوى مغلق",
message: "لكي ترى المحتوى، إدعمنا وذالك بالظغط على الأزرار التالية"
},
facebook: { like: {title: "اعجبني"}},
twitter: {tweet: {title: " غرد"}},
google: {plus: {title: "+ جوجل"}}
});
});
//]]>
</script> 

 5 ) الحين قم بحفظ القالب ,بعد دالك عند كتابة التدوينة قم بالظغط على html

إخفاء المحتوى او الرابط  وإضهاره بعد الظغط على ازرار المشاركة على  مواقع التواصل 

ثم مباشرة اضف هدا الكود مع وضع المحتوى المراد اخفائه مكان اللون الاحمر

<hidearticle id="abou-nizar-hide">
هنا ضع المحتوى المراد اخفائه</hidearticle>

هدا كل ما في الامر اتمنى ان تفيدك التدوينة المرجو نشر الموضوع لك جزيل الشكر