طريقة جعل الزائر يضغط اعجاب للموضوع قبل أن يشاهده

السَلٱمٌ عـَلـْيگمّ-ۈرحـْمّـٌة ٱللـّہ ﯙبُرگـّاتہ

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

أولا : إذهب إلى تحرير تم تعديل القالب و إبحث عن الكود أسفله

</head>

ثانيا : ضع هذا الكود فوق الكود السابق

<link href='https://googledrive.com/host/0B-vz7n1QSdEfMDZiZXpOR1VCcWs' rel='stylesheet' type='text/css'/>

ثالتا : قم بحفظ القالب و تواجه إلى المشاركة (الموضوع) التي تريد إخفائها توم إنقر على تبويب HTML و ضع هذا الكود في آخر السطور تم إملأ اللازم بما يناسب

<article id="default-usage">

<div style="display: none;">

     

<!--Hidden Content Starts (You can Use HTML BELOW)-->

<div style="text-align: center; margin-bottom: 20px;">

<img src="رابط الصورة المخفية" alt="" style="margin: auto;" />

</div>

<div style="text-align: justify">

نص الموضوع المخفي 

</div>

<!--Hidden Content Ends (You can Use HTML ABOVE)-->

</article>

</div><div id="mblunlocker"> </div>

<script type="text/javascript" src="https://googledrive.com/host/0B-vz7n1QSdEfUUR4dVRTUkdSVTA"></script>

<script>

jQuery(document).ready(function ($) {

$("#default-usage .to-lock").socialLock({

text: {

header: "قم بمشاركة الموضوع لمشاهدته",

message: "شارك أصدقائك الموضوع  لتعم الفائدة"

},

style: "ui-social-locker-secrets",

buttons: {

order: ["twitter", "facebook", "google"]

},

// twitter options

twitter: {

url: "ضع هنا رابط صفحتك في تويتر",

text: "Upgrade your social buttons to get more social traffic!"

},

// facebook options

facebook: {

url: "ضع هنا رابط صفحة الفيس بوك",

appId: "418044881593120"

},

google: {

url: "ضع هنا رابط جوجل بلس"

}

});

});;;;

    </script>

ملاحظه : يجب أن يكون نص الموضوع مكتوبا مسبقا ومأخوذ بالكامل من تبويب HTML في الموضوع