في هدا الدرس سأريك كيف تقوم بقفل أي محتوى على بلوجر عن طريق هده الاكواد التي سأشرحها لك
أولا ستحتاج الى الدهاب الى لوحة تحكم بمدونتك بعد دلك من المظهر تدخل الى تحرير HTML
الان نبحث عن <head> داخل كود القالب الخاص بنا وتحثه مباشره ندخل هدا الكود
بعد دلك نبحث عن هدا الوسم </head> تم قبله مباشرة نضيف هدا الكود
الأن سنأتي الى نقطة مهمة ستحتاجها وهي تخصيص الازرار التي تظهر في السكريبة وطبعا داخل السكريبة الموجود بالاعلى تغير ما بداخل كود buttons الى الخيارات التالية حسبة الرغبة
dandyish لتحصل على هدا الشكل :
غير الى glass لتحصل على هدا الشكل :
غير الى starter لتحصل على هدا الشكل :
أولا ستحتاج الى الدهاب الى لوحة تحكم بمدونتك بعد دلك من المظهر تدخل الى تحرير HTML
الان نبحث عن <head> داخل كود القالب الخاص بنا وتحثه مباشره ندخل هدا الكود
<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>
بعد دلك نبحث عن هدا الوسم </head> تم قبله مباشرة نضيف هدا الكود
الان نأتي الى اقفال أي محتوى تريد ه والطريقة تتم فقط عن طريق اضافة المحتوى الدي تريد ضمن هدا الكود الدي يجب عليك أن تضيفه كل مرة تريد كتابة اي مقال<link href='http://cdn.rawgit.com/menightfury/social-locker/master/style-ver2.css' rel='stylesheet'/><script src='http://cdn.rawgit.com/menightfury/social-locker/master/script-ver2.js' type='text/javascript'/><script type='text/javascript'>//<![CDATA[$(function(){$('.socialLocker .to-lock').sociallocker({buttons: {order:["facebook-like","twitter-tweet","google-plus"]},twitter: {url:"http://twitter.com/menightfury"},facebook: {url:"https://www.facebook.com/bloganalyzer.nightfury"},google: {url:"https://plus.google.com/+BloganalyzerBlogspot"},text: {header: "Like us To Unlock This Content",message: "This content is locked. Like us on Twitter, Facebook or Google plus to unlock it."},locker: {close: false, timer: 0,},theme: "secrets"});});//]]></script>
<article class="socialLocker"><div class="to-lock" style="display:none;">-- هنا ضع المحتوى الدي تريده --</div></article>
الأن سنأتي الى نقطة مهمة ستحتاجها وهي تخصيص الازرار التي تظهر في السكريبة وطبعا داخل السكريبة الموجود بالاعلى تغير ما بداخل كود buttons الى الخيارات التالية حسبة الرغبة
خاص بالاعجاب بالصفحة Facebook Like: "facebook-like"
خاص بمشاركة المقال على الفيس بوك Facebook Share: "facebook-share"
خاص بالمتابعة على جوجل Google Plus One: "google-plus"
خاص بالمشاركة على جوجل Google Plus Share: "google-share"
خاص بعمل تويت على تويتر لمقالك Twitter: "twitter-tweet"
خاص بمتابعة على تويتر Twitter Follow:"twitter-follow"
خاص بعمل مشاركة على لينكين Linkedin Share: "linkedin-share"
كما يمكن تغيير شكل الازرار التي تظهر على الموقع الى أشكال متعددة فقط عن طريقة تغيير الكود التالى الى ما تريد theme: "secrets" لتغير الشكل غير كلمة secrets الى التالي dandyish لتحصل على هدا الشكل :
غير الى glass لتحصل على هدا الشكل :
غير الى starter لتحصل على هدا الشكل :
أين هي الكواد لو سمحت
ردحذفالكود بالاعلى في الشرح
ردحذف