السبت، 6 ديسمبر 2014

كيفية جعل المحتوى أو جزء منه مغلق في مدونة بلوجر

بقلم: BR MED يوم السبت، 6 ديسمبر 2014 القسم : 2 التعليقات
السلام عليكم و رحمة الله وبركاته .
هل تريد كسب مهتمين ومتابعين ؟! هل تريد نشر مواضيعك بأكبر نسبة ممكنة في مواقع التواصل الإجتماعية، اليوم لك كل ما تريد ، كما نعلم منصة البلوجر كل يوم تزداد قاعدة مستخدميها، مما يجعلنا دائما مواكبين لجديد تطوراتها من أجل إثبات أنها أفضل منصة للتدوين، درس اليوم عبارة عن أدآة إحترافية تمكنك من إخفاء محتوي تدويناتك أو جزء منه ، و ذلك بإظهار لوحة أو بطاقة تعلم الزوار بأن المحتوى مغلق و تخبره بأن يستعمل أحد أزرار المواقع الأجتماعية من أجل أن يستطيع رؤية محتوى التدوينة.
في الحقيقة هذه الآداة إحترافية و كما ذكرنا سابقا في تدوينة صندوق الإعجابات المنبتق، فهذا النوع من الإظافات يكرهها الزوار و لكن إن كان موقعك مميز و يقدم أشياء لا يمكن للزوار الإستغناء عنها ولا إيجادها في في مكان أخر، فهم حتما سيتحملون ذلك و أصلا سوف يقومون بمشاركة مواضيعك. الأهم من ذلك يجب أن تتعامل بذكاء معها و تعرف ما ستستعملها و متى لا يجب إستعمالها.
هذه الأداة تعتبر أفضل من النوافذ المنبقة التي تخفي الصفحة بأكملها  لتجبر الزوار على الإعجابات و غيرها ، فأداة المحتوى مغلق هذه  تستطيع تكرارها في صفحة واحدة وما يميزها هي
وما يميز هذه الإضافة هي أنها متوفرة بأشكال متنوعة مع إمكانية تغير و إضافة أزرار المشاركة الإجتماعية التي تريد.
الأن طريقة تركيب الإضافة.
1 - إذهب للوحة التحكم بلوجر ثم القالب نقوم بحفظ نسخة إحتياطية  تفاديا لأي مشكل محتمل
2 - قم بتحرير html .
3 - إنقر وسط الأكواد ثم إبحث مستعينا بالزرين ( ctrl+f ) على الوسم : <head>
4 - ضع هذا الكود أسفله مباشرة في حالة كان قالبك لا يتوفر على مكتبة جيكوري، أما إن كان به فلا داعي لوضعه .
<script src='http://code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>
5 - إبحث مستعينا بالزرين ( ctrl+f ) على الوسم : </head> ثم ضع الكود التالي فوقه مباشرة . 
 <link href='https://sites.google.com/site/warchatmo/code/sociallocker_v1.6.0-1.css' rel='stylesheet'/>
<script src='https://sites.google.com/site/warchatmo/code/sociallock.js' 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/MohtofbiX"},
facebook: {url:"https://www.facebook.com/warch.mo"},
google: {url:"https://plus.google.com/104753369012716009644"},

text: {
header: "الموضوع مغلق",
message: "الموضوع مغلق، إستعمل أحد أزرار المواقع الإجتماعية لتتمكن من رؤية المحتوى."
},

locker: {close: false, timer: 0,},
theme: "secrets"
});
});
//]]>
</script>
الأن بعض التعديلات على الكود.
الروابط الزرقاء قم بتغيرها بالروابط الخاصة بك.
العبارات الحمراء يمكنك تغيرها بما يناسبك.
الكلمة false تعني عدم إظهار زر X الذي عبره يتمكن الزائر من إخفاء تلك اللوحة و رؤية المحتوى بدون النقر على الأزرار الإجتماعية، قم بتغيرها بـ true إن أردت الزر أن يظهر.
0 هو عدد ثواني بقاء اللوحة مغلقة حتى تفتح تلقائيا.
 "facebook-like" و "twitter-tweet" و "google-plus"  تعني نوع الأزرار التي بالوحة و يمكنك تغيرها أو إضافة أخرى.
الأزرار الممكن إستخدامها هي:
"facebook-like"
  "facebook-share"
"google-plus"
  "google-share" 
"twitter-tweet"  
"linkedin-share"

الكلمة secrets الثيم أو ستايل اللوحة يمكنك تغيرها حسب النمادج التالية:
 1):  dandyish
2):  flat
 3): glass
4):  secrets
 5): starter

تبقى كيفية الأستخدام أثناء كتابة موضوع معين ما عليك سوى الضغط على زر html و جعل المحتوى الذي تريد إخفائه بين الأكواد التالية:
<article id="default-usage">
 <div class="to-lock" style="display:none;">

 إجعل المحتوى المراد إخفائه هنا

 </div>
</article>

هذا كل ما في تدوينة اليوم أتمنى أتعجبكم لا تنسى أي إستفسار أنا في الخدمة ، بالتوفيق للجميع في أمان الله

هناك تعليقان (2):

  1. أزال المؤلف هذا التعليق.

    ردحذف
  2. شكرا لكم على الطريقة
    لقف وجدتها في الاول في مواقع اجنبية
    و جربتها
    و لم تعمل

    لكن عندما اعدت وجدتها في مدونتكم لم تعمل ايضا :/

    بحيث خاصية display:none
    تمنع ظهور المحتوى
    لكن لا تظهر خاصية هذا المحتوى مغلوق

    صورة:
    http://store1.up-00.com/2015-03/1426761842592.png

    الرابط:
    http://www.geeknet-ar.com/2014/06/post-in-all.html

    ماذا اعمل ؟ ارجو الحل بسرعة ..

    ردحذف

يسعدنا تفاعلكم بالتعليق , أما لو لديك سؤال خارج الموضوع يرجى استخدام ركن الأسئلة ولإضافة كود قم بتحويله أولابمحول الأكواد , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r