اضافة زر مشاركة واتساب على بلوجر وجميع ازرار التواصل الاجتماعي

اضافة زر مشاركة واتساب على بلوجر وجميع ازرار التواصل الاجتماعي

بما أن آخر احصائية (بداية 2015) لعدد المستخدمين الفعالين في تطبيق واتس اب وصل إلى 700 مليون مشترك. فإن ذلك يُعد فرصة رائعة لمدوني بلوجر. وهذه الفرصة تتحقق بإضافة زر مشاركة تحت كل مواضيع المدونة. والميزة في هذا الزر انه لن يظهر إلا لمستخدمي الأجهزة الذكية (نظام ios ونظام android). وبهذا سوف تتيح لقراء مدونتك أن يشاركوا أي موضوع يعجبهم عن طريق الواتسب الخاص بهم بضغطة زر واحدة.

لقد قرأت الكثير من المواضيع التي تشرح طريقة اضافة زر (ايقونة) مشاركة الموضوع على واتس اب، ولكن للأسف لم يعمل أي منها عندما اردت اضافته لمدونتي.

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

اضافة ايقونة مشاركة واتساب على بلوجر

ولا: قم بتسجيل اكاونت لدى موقع: https://www.addthis.com

رابط التسجيل المباشر: اضغط هنا http://www.addthis.com/

ثنيا: الآن وقد قمت بتسجيل اكاونت جديد، لنبدأ باختيار الكود المناسب لنا

بعد تسجيل الدخول قم بالدخول على Tools (الأدوات) كما في الصورة

ومن ثم قم بالدخول على Share (مشاركة) كما هو موضح:

الآن قم باختيار ازرار المشاركة التي في الصورة التالية: Sharing Buttons

الآن ستفتح لك صفحة، قم باتباع التعليمات التالية:

الاختيار الأول : لاختيار حجم الايقونة المطلوبة

الاختيار الثاني: لإضافة عدد المرات التي تم مشاركة الموضوع

الاختيار الثالث: لاختيار ما يناسبك من ازرار المشاركة (في موضوعنا نختار ايقونة الواتسب اب)

الآن تبحث عن ايقونة الواتس اب في العمود الايسر، ومن ثم تقوم بالضغط عليها لتحديدها، وثم تقوم بالضغط على السهم الذي من اليسار لليمين، وذلك لنقل ايقونة واتس اب.

الآن تنزل إلى اسفل الصفحة لتجد بوكسين يحتويان على الأكواد المطلوبة:

لقد شارفنا على الإنتهاء.

الآن كل ما عليك هو ان تقوم بالدخول على مدونة بلوجر الخاصة بك

قالب > تحرير HTML

وتقوم بالحث عن الكود:

 </body>

وتلصق الكود الأول في الصورة قبله كما هو موضح:

الآن الخطوة المهمة. يجب ان تقوم بلصق الكود الثاني كما هو موضح (ارجو التركيز جيدا)

قم بالبحث عن هذا الكود:

 <div class='post-footer-line post-footer-line-2'>

وقم بلصق الكود في البوكس الثاني في نفس المكان الموضح في الصورة التالية:

قم بالدخول عىل الرابط من جهازك الجوال، وانزل إلى اخر الموضوع، لتشاهد ايقونة مشاركة واتس اب.