بسم الله ، أطلقت بلوقر قبل أيام أداة متابعي قوقيل بلس عبر مدونتها الرسمية، ووفرتها كقطعة 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
تطبيق مباشر
وهذا تطبيق لما سبق للأداة باستخدام الكود العام ، تابعني ان شئت :)
متابعي حسابي الشخصي
↓
↓
متابعي صفحة مدونة البلوقر
↓
↓
التعليقات: 11
شكرا لهذه الاضافة
وحاولت اكثر من مرة وللاسف يظهر مكان الاضافة فاضي
ولا يوجد اي عرض لمتابعي صفحتي في جوجل
الرجاء التاكد من الكود
والله فرحت يوم شاهدت الاضافة
رغم انني كنت اريدها مع النافذة المنبثقة الخاصة بالفيسبوك والاشتراك
عموما جربتها وماجت معاي
قلت يمكن المدونة فيها عطل
جربت على مدونة جديدة
وايضا ماظهر شي
في خطأ والله اعلم
ارجوا ان تكون الاضافة جيدة
لم اجربها
رغم مشاهدتي للتعليقات
وسأحاول ان لم تظهر
لي رجعه اخرى
فعلاً في خلل في الكود
جربت الاضافة على كذا مدونة ومافي فائدة
الاضافة تم عملها على اداه جديدة من نوع htmljava
هل هكذا صحيح ام انني غلطان
ارجوا تصحيح المعلومة
شكرا مليون
ومرحبا الف
ويعطيك العافية
نجحت معاي بعد محاولات عديدة
كيف والله ماأدري بس
نسخت ID
ورجعت والحمدالله
انها نجحت
عقبال الاخوة الباقيين
اخي العزيز
هل هذه الاضافة بها اي صعوبات او معارضات في المستقبل البعيد
يعني مثل ملفات جافا او جيكويري
واشكرك في حالة شرحها
هذه الاضافة اصلاً موجودة بين الاضافات الجديدة من جوجل
بس فكرة عمل كود خاص بها
اسمح لي
ان اقولك والله فنان عبقري ماشاء الله
وفعلاً الكثير منا يبحث عن كود لهذه الاضافة حتى يقدر يتحكم فيها على راحته
بالنسبة للطول والعرض
شكرا كثير لهذه الاضافة
فعلاً هذه الاضافة انا شفتها في الاضافات الجديدة
بس كلام الودعاني صح
فكرة تصغير الطول والعرض روعههههههههههههههههه
تستاهل تقييم خمسة نجوم
شكرا لصاحب الموقع لهذه الاضافة
السلام عليكم
@مرسي: استخدم الكود الثاني ، إذا لم تكتب رقم حساب قوقل بلس مكان ID فلن يظهر شيء ...
@الدحمي: تستطيع استخدامها في النافذة المنبثقة مجرد انسخ الكود هذا في محتوى الرسالة الامر لا يتطلب دقيقة واحدة، أكرر عليك استبدال ID برقم حسابك ..
@وجدي: الفكرة أساساً أن تكون إضافة مستقله وبالتالي المفروض تعمل في أي مكان تكتبه فيه في مدونة في صفحة ويب عادية في منتدى .... الخ
@عبير: مرحبابك ، أحسنتِ أنقذتيني بتجربتك الناجحة ، أحسست أني عقدتها قليلاً ، ولكن ما زال يبدو لي الشرح واضح.
@جميل: الإضافة تعتمد على الجافا ولكنها سريعة ولا أرى فيها مشاكل.
@حمود: الكود الأول في الموضوع هو عين الإضافة الجديدة التي وفرتها بلوقر لم أبرمجه ولكنه يظهر هكذا في القالب الموسع، والكود الثاني هو ذاته الاول ولكن بالغاء وسوم البيانات وتهيئته للاستخدام المباشر ، تصرف جيد ولكن ليس عبقري :) حياك ربي.
@بدر:الإضافة الرسمية مقيدة بحساب واحد فقط، أم بهذه الطريقة فيمكنك تقديم متابعي أكثر من حساب بدون مشاكل . وشكراً لك :)
تحياتي العاطرة
شكرا
http://academy-star.blogspot.com/
ج7
إرسال تعليق