دليل المدون

2015-02-15

اضف زر المشاركة واتس اب إلى بلوجر Whatsapp share button

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

كما نعلم جميعًا أهمية وجود أزرار المشاركة بصفحات المواقع ، حيث أنها وسيلة فعالة للترويج للموقع ونشر الموضوعات على نطاق كبيرلذلك قدمت العديد من أشكال أزرار المشاركة على المواقع الإجتماعية يمكن الإطلاع عليها:
  1. أضف 5 صناديق منزلقة لمتابعة الشبكات الإجتماعية 
  2. إضافة قطار المواقع الإجتماعية المتحرك
  3. أضف أزرار المشاركة إلى الصور
 ولكن بعد الإنتشار الواسع لإستخدام الهواتف الجوالة لتصفح المواقع، يجب الإهتمام بمظهر الموقع على شاشات الأجهزة اللوحية والجوال وإستخدام الإضافات الحديثة المناسبة للتطبيقات التى يفضلها المستخدمين عبر هواتفهم الذكية، من هذه الإضافات هى زر المشاركة عبر تطبيق واتس أب whatsapp share button   حيث يتمكن الزائر إرسال رابط وعنوان الموضوع أو رابط الموقع إلى أى شخص يختاره من قائمة أصدقاؤه على هاتفه المحمول.

whatsapp share
تطبيق  Whatsapp من تطوير مهندسين من شركة ياهو والآن هو ملك للفيسبوك ، و من المعروف أن هذا التطبيق من أكثر التطبيقات إستخدامًا على الهواتف الذكية ، لذلك سأشرح كيفية إضافة زر المشاركة  Whatsapp  إلى مدونات بلوجر

للمعاينة (يظهر فقط على إصدار الجوال من خلال أنظمة Andriod or IOS)

الخطوة الأولى:

  1. اذهب الى لوحة تحكم بلوجر>>> تخطيط
  2. أضف أداة
  3. اختر Html & javascript
  4. إنسخ الكود التالى وألصقه بالأداة
<script type="text/javascript">if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="https://googledrive.com/host/0B3ntuTCXGn6neU1NOGtJY2RjcU0";h.appendChild(s);}</script>

<a class="wa_btn wa_btn_m" data-href="" data-text="Take a look at this awesome website:" href="whatsapp://send" style="display: none;">Share</a>

مصدر الكود:  whatsapp-sharing.com

الخطوة الثانية:

هذا الزر لايعمل إلا على أجهزة الجوال لذلك لابد من اختيار نموذج الجوال المخصص لمدونتك (يمكن الإطلاع على شرح كامل لكيفية توافق مدونات بلوجر للجوال)
blogger mobile
وأخيرًا : إذا واجهتكم أى مشكلة فى إنتظار إستفساراتكم
أضف أيضا : زر دعوة أصدقاء الفيس بوك invite friends button

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

هناك 15 تعليقًا

  1. هذه الاضافة لا تضهر على مدونتي سواء على الهاتف أو على الكومبيوتر، المرجوا الرد أخي وشكرا مسبقا. هذه هي مدونتي المتواضعة http://gym-weider.blogspot.com/

    ردحذف
  2. @ gym-weider team
    الإضافة تظهر على الموبايل فقط وتمت تجربتها على أكثر من هاتف جوال، يمكن إضافة الكود داخل المشاركة بتبويب Html إذا كان قالبك غير متجاوب,و شكرا

    ردحذف
  3. كيف يمكنني اظهارها على المتصفح ؟؟؟

    ردحذف
  4. لم اتمكن (من اضافة زر او ايقونة whatsapp share) اسفل المدونة ، ممكن توضح كيف اضيفها في اسفل المدونة وتكون مرافقة عين المتصفح وهو يتنقل في الصفحة

    ردحذف
  5. @ زيد الخير ،@ مدونة برمجيات
    الإضافة تظهر فقط على إصدار الجوال، وإذا أضفتها داخل أداة Html تظهر فقط على القوالب المتجاوبة للعرض على الشاشات المتعددة
    أما إذا كان قالبك غير متجاوب يمكن نسخ الكود داخل تبويب Html لكل مشاركة أو موضوع

    ردحذف
    الردود
    1. بارك الله ﷻ فيك، صحيح اشتغلت معي بكل مشاركة اضيف كود الـ HTML

      حذف
  6. طب انا حاطط رقمى على موقعى الالكترونى وكاتب جنبة للتواصل على الواتساب

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

    ردحذف
  7. @ الدكتور عادل لبيب
    قريب بإذن الله سأشرح هذه الفكرة فى مشاركة جديدة بإذن الله...شكرا متابعتك القيمة

    ردحذف
  8. لا تظهر على مدونتي هذه مدونتي ممكن رأيك
    http://sinjiechadid.blogspot.com/

    ردحذف
    الردود
    1. يمكن تجربتها على جهاز الجوال..شكرا لمتابعتك

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

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

      حذف
  10. شكرا لك على شرح اضافة ايقونة مشاركة واتساب على مدونات بلوجر

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

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

      حذف

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

Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون