3/15/2018

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





لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الأولى [تركيب الأداة]

  • قم بتسجيل حسابك ثم إذهب إلى منصة البلوجر dashboard
  • إنتقل للمدونة >> ثم إلى التخطيط >> من القائمة الجانبية قم بإضافة أداة   قائمة الروابط 
  • ملاحظة مهمة
    لاتنسى إعطاء الأداة الجديدة إسم فريد حتى يسهل البحث عليه ولنفترض يكون الإسم تابعنا على facebook ثم قم بنسخ هذا الإسم بعدها حفظ للأداة .
  • إنتقل الآن إلى >> المظهر >> ثم إضغط على تحرير  Edit HTML 
  • إضغط في وسط محرر الأكواد  ثم   F + Ctrl لإضهار مربع البحث
  • ضع الإسم الذي نسخته في مربع البحث ثم Enter ليظهر معك كود الأداة الجديدة بهذا الشكل مثلا

  • ملاحظة مهمة
    ستجد بداية وسم الأداة بهذا الشكل <b:widget ونهايته هكذا </b:widget> لذلك أحرص على إتقان عملية الإستبدال حتى لاتقع في مشكل عدم القدرة على حفظ القالب
  • ماعليك الآن سوى إستبدال كامل كود الأداة بالكود الآتي ...ثم حفظ للقالب

  • 
                  <b:widget id='LinkList88' locked='false' title='تابعنا على facebook' type='LinkList' version='1'>
                    <b:widget-settings>
                      <b:widget-setting name='text-8'>data-adapt-container-width</b:widget-setting>
                      <b:widget-setting name='link-7'>false</b:widget-setting>
                      <b:widget-setting name='link-8'>true</b:widget-setting>
                      <b:widget-setting name='link-5'>true</b:widget-setting>
                      <b:widget-setting name='link-6'>false</b:widget-setting>
                      <b:widget-setting name='link-3'>false</b:widget-setting>
                      <b:widget-setting name='link-4'>false</b:widget-setting>
                      <b:widget-setting name='text-1'>data-width</b:widget-setting>
                      <b:widget-setting name='text-0'>data-href</b:widget-setting>
                      <b:widget-setting name='text-3'>data-tabs</b:widget-setting>
                      <b:widget-setting name='text-2'>data-height</b:widget-setting>
                      <b:widget-setting name='text-5'>data-show-facepile</b:widget-setting>
                      <b:widget-setting name='text-4'>data-hide-cover</b:widget-setting>
                      <b:widget-setting name='text-7'>data-small-header</b:widget-setting>
                      <b:widget-setting name='text-6'>data-hide-cta</b:widget-setting>
                      <b:widget-setting name='sorting'>NONE</b:widget-setting>
                      <b:widget-setting name='link-1'>300</b:widget-setting>
                      <b:widget-setting name='link-2'>500</b:widget-setting>
                      <b:widget-setting name='link-0'>https://www.facebook.com/bloggcode/</b:widget-setting>
                    </b:widget-settings>
                    <b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
     <div class='widget-content'>
    <div class='fb-page'>
         <b:loop values='data:links' var='link'>
    <b:attr expr:name='data:link.name' expr:value='data:link.target'/>
         </b:loop>
    </div>
    <div id='fb-root'/>
    <script type='text/javascript'>
    var blogLocale = &quot;<data:blog.locale/>&quot;;
    //<![CDATA[
    //Facebook Script
    window.addEventListener('DOMContentLoaded', function () {
                switch(blogLocale){
                  case "en"    : fb_long = 'en_US' ; break ;
                  case "en-GB" : fb_long = 'en_GB' ; break ;
                  case "pt-PT" : fb_long = 'pt_PT' ; break ;
                  case "da"    : fb_long = 'da_DK' ; break ;
                  case "he"    : fb_long = 'he_il' ; break ;
                  default      : fb_long = blogLocale + "_" + blogLocale.toUpperCase() ; break ;
                }
    var f=document.createElement("script");
    f.type="text/javascript",
    f.async=!0,
    f.src="//connect.facebook.net/"+fb_long+"/sdk.js#xfbml=1&version=v2.12",
    f.id='facebook-jssdk',
    (document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(f);
    }, false);
    //]]>
    </script>
       <b:include name='quickedit'/>
     </div>
    </b:includable>
                  </b:widget>
    

    تنويه .. في حالة واجهت خطأ More than one widget was found with id: LinkList88. Widget IDs should be unique. عند حفظ القالب يكون السبب أن معرف الأداة موجود مثله في القالب فقط إستبدل الرقم LinkList88 بأي رقم غير موجود في الأدوات مثل LinkList65 أو LinkList54


لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الأخيرة [تعديل الأداة]

  • إنتقل إلى التخطيط >> من القائمة الجانبية قم بتحرير أداة   تابعنا على facebook ستلاحظ القيم مجهزة بالشكل التالي..



  1. التعديل على المكون 
  2. في حقل >> عنوان URL للموقع الجديد >> ستجد مكان السمة 
  3. في حقل >> اسم الموقع الجديد >> نضع القيمة التابعة للسمة المراد إضهارها وإليك الأمثلة ... 
الإعدادات
سمة HTML5 القيمة الافتراضية الوصف
data-href https://www.facebook.com/bloggcode/ عنوان URL لصفحة فيسبوك
data-width 300
نسبة عرض بيكسل الصندوق. الحد الأدنى 180 والحد الأقصى 500
data-height 500 نسبة ارتفاع بيكسل الصندوق. الحد الأدنى 70
data-tabs false علامات التبويب التي يتم عرضها، أي
1- timeline علامات التبويب التي يتم عرضها المشاركات
2- events علامات التبويب التي يتم عرضها الأحداث
3- messages علامات التبويب التي يتم عرضها صندوق المراسلة
4- timeline, events, messages يمكنك استخدم قائمة مفصولة بفاصلة لإضافة علامات تبويب متعددة.
5- وأخيرا لغرض حذف جميع التبويبات أترك القيمة الافتراضية تعطيل false
data-hide-cover false إخفاء صورة الغلاف في العنوان - للتشغيل true وللتعطيل false
data-show-facepile true عرض صور الملفات الشخصية في حالة إعجاب الأصدقاء بهذه الصفحة - للتشغيل true وللتعطيل false
data-hide-cta false إخفاء زر الدعوة لاتخاذ إجراء المخصص -إن وجد- للتشغيل true وللتعطيل false
data-small-header false استخدام العنوان الصغير بدلاً من ذلك - للتشغيل true وللتعطيل false
data-adapt-container-width true محاولة الاحتواء ضمن عرض الحاوية - للتشغيل true وللتعطيل false

ملحق هام
الذي أعرضه عليك هو سكريبت آخر إصدار حاليا v2.12 إنتقل للصفحة الرسمية لهذا المكون الإضافي من هنا
ستجد جميع السمات التي أدرجناها كماهي وفي حال وجدت سمات جديدة أضافها الفيسبوك يمكنك إدراجها بنفس الطريقة.