اضافة قطعة "جوجل بلس" الجديده بشكل انيق و احترافي لمدونات بلوجر

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

1-اضافة الاداه على شكل قطعه بروفايل صفحتك (الشكل الاول)

مثال حي للاضافه الاولى


كيفية اضافة هذه القطعه الى مدوناتكم


نتقل إلى لوحة تحكم مدونتك
إختر "تخطيط" ثم إضافة أداة ثم اخترHTML/Javascript 
والآن الصق داخل المستطيل الكود التالي

<!-- Place this tag where you want the widget to render. -->
<div class="g-page" data-width="273" data-href="//plus.google.com/115387305017738790650" data-rel="publisher"></div>

<!-- Place this tag after the last widget tag. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'ar'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

تخصيص قطعة جوجل بلس

قم باستبدال ماباللون  115387305017738790650   برقم الاي دي الخاص بصفحتك في جوجل+
width="273    لتغيير عرض الاضافه



2-اضافة الاداه على شكل مستطيل (الشكل الثاني)

مثال حي للاضافه الثانيه


كيفية اضافة هذه القطعه الى مدوناتكم


نتقل إلى لوحة تحكم مدونتك
إختر "تخطيط" ثم إضافة أداة ثم اخترHTML/Javascript 
والآن الصق داخل المستطيل الكود التالي 

<!-- Place this tag where you want the widget to render. -->
<div class="g-page" data-width="347" data-href="//plus.google.com/115387305017738790650" data-layout="landscape" data-rel="publisher"></div>

<!-- Place this tag after the last widget tag. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'ar'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script> 

تخصيص قطعة جوجل بلس


قم باستبدال ماباللون  115387305017738790650   برقم الاي دي الخاص بصفحتك في جوجل+
width="347   لتغيير عرض الاضافه



 وبالاخير قم بحفظ الاداه ومبروك عليك الاضافه ولاتنسى ان تشاركنا برايك في التعليقات

هناك 21 تعليقًا:

  1. شكرا كثير ,ويسلمووووووو:)..

    ردحذف
  2. الله يسلمك اخي مشكور

    ردحذف
  3. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. لم يتم قبول تعليقات بغرض الاعلانات ووضع الروابط اخي

      حذف
  4. أخي جلال لقد غيرت ID الى الخاص بي لكن الإضافة لم تعمل

    ردحذف
    الردود
    1. اخي اضف الاي دي الخاص بصفحة مدونتك على جوجل بلس

      حذف
  5. غير معرف19/10/13 20:27

    ازواى اتحكم فى طول الاضافة يا اساذ جاسر

    ردحذف
    الردود
    1. قم بتغيير قيمة الكود التالي
      width="273

      حذف
  6. غير معرف20/10/13 18:06

    ايوة يا استاذ جاسر بس ده بيتحكم فى عرض الاضافة مش الطول بتاعها

    ردحذف
    الردود
    1. اخي هذا الكود يتحكم في عرض الاضافه وارتفاعها ايضا

      حذف
  7. اما بخصوص التحكم في الطول اخي ؟؟

    ردحذف
  8. شكرا اخي بارك الله فيك اخي عندي مشكله في الفوتر كيف اتحكم في عرض الفوتر اتمنى ان ترد لي في اسرع وقت وشكرا

    ردحذف
  9. جزاك الله خير على مجهودك المميز

    ردحذف
    الردود
    1. واياك اخي محمد,,, شكرا لطيب كلامك

      حذف
  10. الاضافة مش شغالة شغال بس علي رقم الايدي الخاص بك انت

    ردحذف
    الردود
    1. قم باضافة رقم الاي دي الخاص بصفحتك وليس الخاص بحسابك لان هذه الاضافه خاصه بالصفحات

      حذف
  11. السلام عليكم
    اتمنى من حضرتك شرح طريقة وضع تعليقات بلوجر بصفحات
    عندما يتجاوز عددها اكثر من 100 تعليق رجاااائا

    ردحذف
    الردود
    1. السلام عليكم
      اتمنى من حضرتك شرح طريقة وضع تعليقات بلوجر بصفحات
      عندما يتجاوز عددها اكثر من 100 تعليق رجاااائا

      حذف
  12. يا اخى لماذا لا تعمل

    ردحذف
    الردود
    1. اخي مايحتاج تضيف الكود
      اصبحت الاداة من ضمن ادوات بلوجر في صفحة التخطيط

      حذف