طريقة إضافة Social Content Locker للبلوجر

;

السلام عليكم ورحمة الله

مرحبا بكم مجددا متابعينا ،إنشاء الله اليوم سنقدم لكم طريقة إضافة إغلاق المحتوى في البلوجر Social Content Locker in blogger

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

طريقة إضافة Social Content Lockerللبلوجر 

أولا نقوم بتحرير html 

ثم Ctrl + F 

ونبحث عن</head>
نلصق فوقه الكود التالي 

<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>

بعد تثبيت Jquery 
نقوم بلصق الكود الثاني أسفل </head>

<link href='https://googledrive.com/host/0B_1mqJd2tC8qeDVzSnBJMDh5WUk' rel='stylesheet'/>

<script src='https://googledrive.com/host/0B_1mqJd2tC8qbGdmQzRZVGk3bXM' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function ($) {
$('#default-usage .to-lock').sociallocker({

buttons: {order:["facebook-like","twitter-tweet","google-plus"]},

twitter: {url:"http://twitter.com/nacer_bobaker"},
facebook: {url:"https://www.facebook.com/arabogicial"},
google: {url:"https://plus.google.com/u/0/+nacerbobakerd3d"},

text: {
header: "Like us To See This Locked Content",
message: "This content is locked. You have to Like us on Facebook, Twitter or Google plus to unlock it."
},

locker: {close: false, timer: 0,},

theme: "flat"

});
});
//]]>
</script>

الآن نقوم بتشخيص الإضافة 
يمكنك استبدال اللي باللون الأصفر بالأزرار التي تريد أن تظهر

“facebook-like“
“facebook-share“
“google-plus“
“google-share“
“twitter-tweet“
“twitter-follow“
“linkedin-share“

  قم بإستبدال الروابط الخاصة بك في اللون الأزرق
بعد ستبدال الروابط ،قم بإستبدال الرسالة التي تريد الظهور للزائر (اللون الأحمر)
الآن نقوم بتشخيص الخلفية ( اللون الوردي)

“flat”
“glass”
“starter“

“secrets”
“dandyish“

الآن كيف نقوم بغلق محتوى في التدوينة

 بعد تطبيق كل ما ذكر أعلاه بنجاح نحفظ القالب 
ثم في كل تدوينة نظع الكود التالي 

<article id="default-usage">
<div class="to-lock" style="display:none;">
- Add The Content Here Which You Want To Lock -
</div>
</article>

 مكان اللون الأصفر نقوم بوضع المحتوى المراد إغلاقه

الآن قم بنشر التدوينة وسترى بأن الرابط أو الصورة أو .... الذي أغلقت قد تم بنجاح

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

يمكنك إضافة تعليق إذا لم تفهم كيف إضافة ، سوف أرد عليكم إنشاء الله

هل أعجبك الموضوع؟ ضع بصمتك وشاركه مع أصدقائك

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →