محتوي المقالة
إضافة ايقونات مواقع التواصل الاجتماعى Social Media فى موقعك أمر هام جداً لـ تعزيز الربط بين صفحات التواصل الاجتماعى وموقعك على الويب، ولكن فى بعض الأحيان يجد البعض مشكلة عندما يرغب فى إضافة أيقونة موقع ما على قالب مدونته على منصة بلوجر Blogger.
المشكلة تتلخص فى أن أيقونة موقع ما تمت إضافتها لم تظهر وبدلاً منها ظهر مربعاً فارغاً وهذا أمر يزعج البعض حيث يترك إنطباعاً ليس بـ الجيد لدى الزائر، وفى موضوعنا اليوم نـضع حلاً جذرياً للتخلص من هذه المشكله وإضافة الأيقونة بـ شكل صحيح.
الأمر يتلخص فى التعديل على أكواد قالب مدونتك على بلوجر Blogger حيث تقوم بـ فحص الأكواد الموجوده ومعرفة مواقع التواصل الاجتماعى Social Media التى يدعمها قالب مدونتك وأيضاً معرفة المواقع التى لا يدعمها ومن هنا تبدأ فى التعديل بما يتناسب مع أيقونات المواقع التى ترغب فى إضافتها إلى مدونتك.
قالب Fooddy معرب من قوالب بلوجر المميزه – يمكن معرفة كيفية تركيب وتخصيص القالب من هنا.
معرفة مواقع التواصل الاجتماعى التى يدعمها القالب:
قم بـ التوجه إلى لوحة تحكم مدونتك على بلوجر ومن ثم الدخول إلى تبويب المظهر ثم الضغط على تحرير HTML والبحث عن كلمة Facebook وبـ الطبع يجب أن تكون موجوده لأنه من غير الممكن وجود قالب لا يدعم إضافة أيقونة فيس بوك Facebook.
قم بـ البحث حتى تصل إلى أكواد الـ CSS الخاصه بـ أيقونات التواصل الاجتماعى فى قالب مدونتك ومن هنا يمكنك التعرف على مواقع التواصل التى يدعمها قالب مدونتك والمواقع التى لن تجد لها أكواداً فـ هى مواقع غير مدعومه ويجب التعديل على القالب إن كنت ترغب فى إضافتها.
التعديل على أيقونات مواقع التواصل الاجتماعى:
إن كنت ترغب فى إضافة أيقونة لـ موقع غير مدعوم فـ الأمر سهل ولكن يجب التركيز حتى تصل إلى النتيجة المرضيه:
أولاً: يجب معرفة الأكواد المطلوبه لـ إضافة هذه الأيقونة وفى الغالب تكون عبارة عن كودين، الكود الأول خاص بـ إضافة شكل الأيقونة والكود الثانى خاص بـ لون أو خلفية الأيقونه.
ثانياً: قم بـ نسخ الأكواد المطلوب التعديل عليها ولـ تكن أكواد فيس بوك Facebook ومن ثم لصقها أسفل منها حتى يتسنى لك التعيل عليها.
إن كنت ترغب فى نقل محتوى بلوجر إلى ووردبريس Blogger content to WordPress أنصحك بـ زيارة هذا الرابط.
ثالثاً: قم بـ التوجه إلى موقع Fontawesome من هنا، وهو الموقع الذى تجلب منه كود الأيقونة التى تريد إضافتها:
رابعاً: البحث فى Fontawesome على أيقونة موقع التواصل الذى ترغب فى إضافته ومن ثم نسخ الكود الخاص بـ الأيقونه وإضافته فى أكواد قالب مدونتك فى مكانه الصحيح بدلاً من كود أيقونة فيس بوك Facebook.
خامساً: ابحث عن كود اللون الخاص بـ الأيقونه فى محرك بحث جوجل Google ومن ثم قم بـ نسخ كود اللون وإضافته فى مكانه الصحيح بدلاً من كود اللون الخاص بـ أيقونة فيس بوك Facebook.
إلى هنا تكون قد قومت بـ إضافة أيقونة التواصل التى تريدها بـ شكلٍ كاملٍ ودون أية مشاكل، أنصحك بـ مشاهده الحلقة بـ الأسفل لـ مزيد من التفاصيل.
4 تعليقات
السلام عليكم إزيك أستاذ مصطفى عساك بخير آسف للإزعاج أنا تابعت حضرتك ونفذت ما أشرت به لتغير أيقونات الفيسبوك ويوتيوب لأنها مش ظاهرة عندي في أعلى المدونة وأخذت الأكواد اللون والشكل وبحثت في html عن الفيسبوك فلم أجد (ستوب بار) أبدا كلها داتا وهيرف ديف وسكريبت وغيره كثير ؟ مافيش ستوب بار خالص ؟ هل تنصحني بشئ آخر؟ شكرا لحضرتك
وعليكم السلام ورحمة الله وبركاته
هل يوجد أعلي القالب ايقونات تواصل ولا لأ؟؟
السلام عليكم. ارغب التواصل معكم لتحسين مدونتي وشكرا
وعليكم السلام ورحمة الله وبركاته
أهلا بيك أخي الكريم
يمكنك التواصل بنا من هنا:
https://techandinv.com/contact-us/