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 إنتقل للصفحة الرسمية لهذا المكون الإضافي من هنا
ستجد جميع السمات التي أدرجناها كماهي وفي حال وجدت سمات جديدة أضافها الفيسبوك يمكنك إدراجها بنفس الطريقة.

add_commentإرسال تعليق

  1. جميل ;) ممكن الرابط بتاع السلايد علشان التانى مش شغال وشكرا ليك عارف انى لعذلك معايا بس والله محتاجه فى اققرب وقت T_T

    ردحذف
  2. شكراااااااااااااااااااااااااااا جزيلا أخى الفاضل على السلايدر شو تحياتى ليك ;) =p*

    ردحذف
    الردود
    1. أامر حبيبي فنحن في الخدمة وتحية لأهل مصر العظيم :guitarist:

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

      حذف
    3. أنا أعلم أخي لأني أقوم بضبط أكواد القالب على العموم شكرا لملاحظاتك االقيمة .. وعلى فكرة إذا حتجت للمساعدة أو سكريبت فلا تتردد في الطلب =(

      حذف
    4. ممكن سكريبت تحسن جودة الصور فى المشاركات الشائعه جربت جميع أنواع السكريبتات ولم تنجح ولكن بما أن السكريبتات الخاصه بك تعمل على قالبى فأرجو منك أن تعطينى السكريبت المناسب وشكرا :)

      حذف
    5. بلوجر يقدم لنا ميزة القدرة على تغيير حجم الصور
      https://www.blogg-code.tk/2017/09/resizable-thumbnailurl-72.html

      حذف
  3. هل من الممكن سلايد شو موقعك يا صديقي

    ردحذف
  4. السلام عليكم صديقى اريدك ان تساعدنى المشاركات الشائعه عندى فى المدونة لا تعمل والمشكلة ليست فى القالب لانى قمت بتركيبه على مدونة اخرى واشتغل ارجو منك صديقى ان تقول لى كيف اقوم بحل هذه المشكلة عنوان المشاركة يظهر ولكن المشاركات لا تظهر :\

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

      حذف
    2. شكرا لك اخى الكريم والله ما اعرف اقولك اية ربنا يحفظك عندما اخترت اخر 30 يوما اشتغلت ربنا يحميك بالتوفيق لك ولمدونك ان شاء الله ;) =p*

      حذف
  5. شكرا لك على كل ما تقدم
    ولدى سؤال؟
    كيف يمكن استخدام الشكل التقليدى للصندوق ، والتى يظهر صورة الكوفر وصور المتابعين دون ظهور التيم لين؟
    وكيف يمكن جعل data:link.target تاخذ لينك معين مثلا link-1 ، اريد بذلك التحكم فى العرض والكول من الاداة؟

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

    ردحذف
  6. ^_^ لقد تم تحديث الأداة

    ردحذف