القائمة الرئيسية

الصفحات

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

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


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

اضافة ايقونات التواصل الاجتماعي social media icon على بلوجر مهمة جدا في الكثير من النواحي مثل اهمية اضافات بلوجر المختلفة


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


اقرأ ايضا : اضافة ايقونات للتسميات في مدونة بلوجر 


إضافة آيقونات التواصل الإجتماعي لمدونات بلوجر blogger و لمواقع الانترنت بشكل عام تعطي الحيوية باشكالها ال جميلة


تسهم في عدم اتعاب الزائر بالبحث عن اسم موقعك في مواقع التواصل الإجتماعى


اقرأ ايضا : اداة تعريب قوالب بلوجر اون لاين templates translator


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


بواسطة هذه الازرار سوف تلاحظ زيادة كبيرة في كمية زيارات المدونة على بلوجر وذالك يعود الى تفاعلك على منصة السوشيال ميديا وجلب اكبر عدد من المتابعين من اجل الدخول الى مدونتك


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


اضافة أزرار التواصل الأجتماعي مهمة للغاية حيث يتم استخدامها من قبل الجميع تقريبًا ولسبب ما فهي تزود جمهورك من خلال وسائل التواصل معك عبر المنصات المختلفة 


اقرأ ايضا :  اضافة مواضيع ذات صلة في مدونة بلوجر في جميع التدوينات


 وهذا امر ضروري لانها تساعد في زيادة نسبة اعدد الزوار في موقعكّ وبالتالي زيادة نسبة الارباح ويمكن استخخدامها لبلوجر ووردبريس wordpress والان ناتي الى : شرح طريقة اضافة ايقونات التواصل الاجتماعي لبلوجر


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

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


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


 كل ما عليك هو تحميل ملف روابط الايقونات و استبدال علامة # برابط موقع التواصل الخاص بك 


الطريقة الاولى: إضافة ايقونات السوشيال ميديا من خلال قائمة الروابط 


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


  • اكتب في العنوان مواقع التواصل الاجتماعي
  • اضغط على اضافة عنصر جديد

ماهي افضل طريقة لاضافة ايقونات التواصل الاجتماعي في قوالب بلوجر

  • اكتب في اسم الموقع ( اسم ايقونة التواصل التي تريدها ويجب ان تكون باللغة الاجنبية )
  • ضع رابط وسيلة التواصل التي وضعتها في (اسم الموقع) مكان (عنوان url للموقع الالكتروني)
  • كرر هذه الخطوات عبر الضغط على اضافة عنصر جديد ثم اضغط حفظ 

كيفية اضافة ايقونات التواصل الاجتماعي

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


اقرأ ايضا : اضافة زر الصعود الى اعلى الصفحة في مدونات بلوجر


هل يمكنني اضافة جميع ايقونات مواقع التواصل الخاصة بي على بلوجر ؟


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


  1.  يجب ان يحتوي قالب بلوجر على أكواد خاصة باضهار ايقونات وازرار التواصل الاجتماعي
  2. يجب ان يكون القالب من القوالب الحديثة التي تدعم هذه الخاصية.
  3. يجب ان يحتوي القالب على أكواد css لتعمل أيقونات بشكل صحيح.
  4. يمكنك معرفة اذا ماكان القالب يدعم إضافة أيقونات التواصل الاجتماعي من خلال الموقع الرسمي للقالب


الطريقة الثانية: اضافة ايقونات التواصل الاجتماعي بأكواد css و html


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


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


  • اذهب الى بلوجر
  • ثم قم بالذهاب الى (التنسيق) من لوحة بلوجر
  • خذ نسخة احتياطية لقالب بلوجر (مهم جدااا...)
  • اضغط على السهم بجانب كلمة تخصيص
  • اضغط تعديل html 
  • ابحث عن الكود التالي   ]]></b:skin>   باستخدام ctrl+f او عن طريقة استخدام كيبورد التعديل على أكواد بلوجر من الهاتف
  • قم بنسخ كود css للشكل الاول او كود css للشكل الثاني  والصقه فوق (اعلاه)  ]]></b:skin>
  • ثم اضغط حفظ
  • الان توجه الى التنسيق 
  • قم باختيار مكان مناسب لوضع ايقونات التواصل الاجتماعي ل بلوجر
  • ثم قم بالضغط على اضافة اداة 
  • اختر HTML/JavaScript 

اضافة ازرار ايقونات التواصل الاجتماعي في بلوجر


  • اكتب في العنوان مواقع التواصل الجتماعي 
  • انسخ كود html للشكل الاول او كود html للشكل الثاني والصقه في (المحتوى)

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

  • اضغط حفظ ومبروك عليك اضافة الايقونات


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


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


اقرأ ايضا : استبدال عارض صور بلوجر بمستعرض احترافي


 طريقة التعديل على ايقونات التواصل الاجتماعي 

لقد قدمنا شرح شكلين من الأيقونات ولاضافة الشكل الاول يجب عليك استخدام كود css للشكل الاول وكود html للشكل الاول 


لاضافة الشكل الثاني يجب عليك استخدام كود css للشكل الثاني وكود html للشكل الثاني 


أنظر الى هذا الكود بتمعن 



	<div class="social_con">
		<a class="facebook_link social_link" href="#" target="_blank">
			<i class="fab fa-facebook-f social_icon"></i>
		</a>
	</div>


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


هذا هو الكود الخاص بالشكل الاول يجب استخدام الكودين ليعمل الشكل الاول


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

رابط تحميل كود css للشكل الاول من هنا

رابط تحميل كود html للشكل الاول  من هنا


وهذا هو الكود الخاص بالشكل الثاني يجب استخدام الكودين ليعمل الشكل الثاني

طريقية اضافة ايقونات التواصل الاجتماعي
معاينة الشكل الثاني

رابط تحميل كود css للشكل الثاني من هنا

رابط تحميل كود html للشكل الثاني من هنا

تعليقات

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

    ردحذف

إرسال تعليق