أداة متابعي Google+ لأكثر من حساب في آن ولغير مدونات البلوقر!

أداة متابعي Google+ لأكثر من حساب في آن ولغير مدونات البلوقر!

بسم الله ، أطلقت بلوقر قبل أيام أداة متابعي قوقيل بلس عبر مدونتها الرسمية، ووفرتها كقطعة widget خاصة بمدونات البلوقر، الإضافة تجبرك على الاختيار بين عرض متابعي حسابك الشخصي أو عرض متابعي صفحة مدونتك حسب إعدادات المدونة. ولا يمكن الجمع بينهما !
بعد المحاولة والمقارنة مع مولد أزرة وشارات قوقيل بلس، توصلت لكود الإضافة خالياً من وسوم البيانات Data Tags، مجرد شفرة HTML/JavaScript ؛ وهذا يعني 1 إمكانية إضافة الأداة اأي عدد من حسابات قوقيل بلس، 2 إمكانية استخدامها في أي صفحة ويب عادية أو أي منصة أخرى كمدونات الوردبريس!


كود الإضافة الأساسي ( قبل التعديل )

عند إضافة الأداة بالطريقة الرسمية كقطعة من تبويب التخطيط ، وعرض القالب بشكل كامل سيبدو كود الأداة كالتالي ( تنبيه: لا تستخدم هذا الكود أعرضه فقط لتوضيح لماذا لا يعمل خارج القالب )

<div class='g-plus' data-action='followers' data-height='300' data-source='blogger:blog:followers' expr:data-href='data:profileUrl' expr:data-width='300'/>
<script type='text/javascript'>
       (function() {
        window.___gcfg = {'lang': '<data:language/>'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = '<data:plusOneApiUrl/>';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
        })();
</script>

كما ترى أن هذا الكود فيه وسوم بيانات مرتبطة بقاعدة بيانات مدونة البلوجر مثل : data:language ويترجم في المتصفح برمز اللغة فمثلاً للعربية يترجم برمز ar ، والقيمة data:profileUrl  تتحول إلى رابط حساب قوقل بلس سواء الملف الشخصي أو صفحة المدونة وهكذا ..وعند استخدام هذا الكود كما هو في صفحة ويب عادية أو منصة أخرى غير بلوقر فلن يستطيع المتصفح التعامل معها وأفضل نتيجة تحصل عليها هي مجرد صور متابعي الحساب؛ وعليه لابد من استبدال وسوم البيانات بما يوافقها لتعمل بشكل مباشر في أي صفحة كشفرة HTML  ، وسينتج الكود الذي يمكن استخدامه في أي صفحة فهو عام لا يرتبط بأي قاعدة بيانات.

كود الإضافة العام ( بعد التعديل )

يمكنك المقارنة بينه وبين الكود الأصلي لتفهم الفرق بين الإثنين ، ولتتعلم كيف توصلنا اليه وبالتالي سيساعدك في المستقبل في أي إضافة أخرى!
<div class='g-plus' data-action='followers' data-height='300' data-source='blogger:blog:followers' data-width='300' data-href='https://plus.google.com/ID'></div>
<script type="text/javascript">
       (function(){window.___gcfg={'lang':'ar'};
        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>

هذا الكود يُفعل الإضافة في أي صفحة HTML عادية ، وللتعديل بما يوافق حسابك في قوقيل بلس عدل ما يلي:

  • استبدل ID برقم حساب في قوقل بلس: 106675122873738446344
  • غير عرض مربع الأداة بتغيير قيمة : data-width
  • غير ارتفاع مربع الأداة بتغيير قيمة:  data-height
تنبيه: لن تعمل الإضافة مالم تستبدل كلمة ( ID ) الظاهر في السطر الأول برقم حسابك في قوقيل بلس!

تطبيق مباشر

وهذا تطبيق لما سبق للأداة باستخدام الكود العام ، تابعني ان شئت :)

متابعي حسابي الشخصي




متابعي صفحة مدونة البلوقر














التعليقات: 11

مرسي يقول... 19 ديسمبر 2012 في 8:57 م

شكرا لهذه الاضافة

وحاولت اكثر من مرة وللاسف يظهر مكان الاضافة فاضي

ولا يوجد اي عرض لمتابعي صفحتي في جوجل
الرجاء التاكد من الكود

الدحمي يقول... 19 ديسمبر 2012 في 8:59 م

والله فرحت يوم شاهدت الاضافة

رغم انني كنت اريدها مع النافذة المنبثقة الخاصة بالفيسبوك والاشتراك

عموما جربتها وماجت معاي
قلت يمكن المدونة فيها عطل
جربت على مدونة جديدة
وايضا ماظهر شي
في خطأ والله اعلم

عبدالله يقول... 19 ديسمبر 2012 في 9:00 م

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

وجدي الصفوان يقول... 19 ديسمبر 2012 في 9:02 م

فعلاً في خلل في الكود

جربت الاضافة على كذا مدونة ومافي فائدة

الاضافة تم عملها على اداه جديدة من نوع htmljava
هل هكذا صحيح ام انني غلطان
ارجوا تصحيح المعلومة

عبير يقول... 19 ديسمبر 2012 في 9:17 م

شكرا مليون
ومرحبا الف
ويعطيك العافية

نجحت معاي بعد محاولات عديدة
كيف والله ماأدري بس
نسخت ID
ورجعت والحمدالله
انها نجحت
عقبال الاخوة الباقيين

جميل يقول... 19 ديسمبر 2012 في 9:27 م

اخي العزيز

هل هذه الاضافة بها اي صعوبات او معارضات في المستقبل البعيد
يعني مثل ملفات جافا او جيكويري

واشكرك في حالة شرحها

حمود الودعاني يقول... 19 ديسمبر 2012 في 9:41 م

هذه الاضافة اصلاً موجودة بين الاضافات الجديدة من جوجل

بس فكرة عمل كود خاص بها
اسمح لي

ان اقولك والله فنان عبقري ماشاء الله
وفعلاً الكثير منا يبحث عن كود لهذه الاضافة حتى يقدر يتحكم فيها على راحته

بالنسبة للطول والعرض

شكرا كثير لهذه الاضافة

بدر يقول... 19 ديسمبر 2012 في 9:52 م

فعلاً هذه الاضافة انا شفتها في الاضافات الجديدة

بس كلام الودعاني صح

فكرة تصغير الطول والعرض روعههههههههههههههههه

تستاهل تقييم خمسة نجوم
شكرا لصاحب الموقع لهذه الاضافة

Jaser Alharbi يقول... 20 ديسمبر 2012 في 12:08 ص

السلام عليكم

@مرسي: استخدم الكود الثاني ، إذا لم تكتب رقم حساب قوقل بلس مكان ID فلن يظهر شيء ...

@الدحمي: تستطيع استخدامها في النافذة المنبثقة مجرد انسخ الكود هذا في محتوى الرسالة الامر لا يتطلب دقيقة واحدة، أكرر عليك استبدال ID برقم حسابك ..

@وجدي: الفكرة أساساً أن تكون إضافة مستقله وبالتالي المفروض تعمل في أي مكان تكتبه فيه في مدونة في صفحة ويب عادية في منتدى .... الخ

@عبير: مرحبابك ، أحسنتِ أنقذتيني بتجربتك الناجحة ، أحسست أني عقدتها قليلاً ، ولكن ما زال يبدو لي الشرح واضح.

@جميل: الإضافة تعتمد على الجافا ولكنها سريعة ولا أرى فيها مشاكل.


@حمود: الكود الأول في الموضوع هو عين الإضافة الجديدة التي وفرتها بلوقر لم أبرمجه ولكنه يظهر هكذا في القالب الموسع، والكود الثاني هو ذاته الاول ولكن بالغاء وسوم البيانات وتهيئته للاستخدام المباشر ، تصرف جيد ولكن ليس عبقري :) حياك ربي.


@بدر:الإضافة الرسمية مقيدة بحساب واحد فقط، أم بهذه الطريقة فيمكنك تقديم متابعي أكثر من حساب بدون مشاكل . وشكراً لك :)


تحياتي العاطرة

اسلام جلال يقول... 7 فبراير 2013 في 8:12 م

شكرا
http://academy-star.blogspot.com/

غير معرف يقول... 2 فبراير 2015 في 8:10 م

ج7

إرسال تعليق