random
احدث الموضوعات

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

Ahmed Masoud
الصفحة الرئيسية

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

ومن ضمن هذه الطرق التي سوف تغير من شكل الاقسام الخاصة بالموقع خاصتك بطريقة كبيرة هي اضافة ايقونات بجانب أقسام مدونة بلوجر بشكل جذاب ، وذلك من خلال استخدام واحد من أشهر المواقع التي تقدم هذه الخدمة وهو موقع fontawesome ، الذي سوف يقدم لك الالاف أيقونات ( Icons ) على التي يمكنك استخدامها .

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

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

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

كما ان اضافة ايقونات بجانب اقسام مدونة بلوجر لن تؤثر بأي شكل من الأشكال على سرعة الموقع الخاص بك ، فهي عبارة عن كود Css يمكنك اضافته على موقعك بكل بساطة لكي تتمكن من اظهار اقسام مدونة بلوجر بشكل جميل وجذاب للمستخدم ، ومن خلال طريقة مجانية تماماً وسهلة في التنفيذ على موقعك في خطوات بسيطة .

وسوف نعتمد في هذا الشرح على واحد من أفضل المواقع في تقديم الأيقونات والذي يستخدمه ملايين المبرمجين حول العالم من اجل الحصول على الايقونات المختلفة بالالاف الاشكال التي يستخدمونها في تصميم مواقع الويب على الانترنت ، وهو موقع font awesome icons .

إضافات بلوجر قد تعجبك أيضاً :

شرح طريقة اضافة ايقونات للتسميات في مدونة بلوجر

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

  • الطريقة الأولى : لإضافة ايقونة بجانب كل قسم في مدونة بلوجر

نقوم بالذهاب الى موقع fontawesome والذي سوف تجد الرابط الخاص به في أسفل هذا الموضوع ، ثم بعد ذلك البحث عن اسم الايقونة التي تريد وضعها بجانب اقسام بلوجر ، ثم بعد ذلك نسخ الكود الخاص بالأيقونة كما هو موضح بالصورة .

شرح طريقة اضافة ايقونات للتسميات في مدونة بلوجر

بعد ذلك لإضافة ايقونات لأقسام مدونة بلوجر هو الذهاب الى لوحة تحكم بلوجر ، ثم بعد ذلك الذهاب الى التنسيق ، ثم الذهاب الى القائمة الرئيسية .

شرح طريقة اضافة ايقونات للتسميات في مدونة بلوجر

بعد ذلك في واجهة بلوجر الجديد سوف تجد أمامك هذه النافذة ، كل ما عليك فعله الأن هو لصق الكود الذي قمنا بأخذه من موقع fontawesome بجانب اسم القسم كما هو موضح في الصورة مع مراعاة ان تأخذ مسافة بين الكود وإسم القسم ، ثم الحفظ ومعاينة الموقع .

شرح طريقة اضافة ايقونات للتسميات في مدونة بلوجر

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

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

نقوم بالذهاب الى لوحة تحكم بلوجر ، ثم بعد ذلك نختار من القائمة الجانبية المظهر ، ثم نضغط على السهم الى اسفل بجوار كلمة التخصيص ، قم نختار تعديل html .

شرح طريقة اضافة ايقونات للتسميات في مدونة بلوجر

بعد ذلك سوف يفتح لنا قائمة تضم كل الأكواد الموجودة في الموقع ، نقوم بوضع هذا الكود ، تحت الوسم < head > ، ثم الحفظ . ( سوف تجد رابط هذا الكود في اسفل الموضوع لتحميله ) .

شرح طريقة اضافة ايقونات للتسميات في مدونة بلوجر

بعد القيام بهذه الخطوات نقوم بتطبيق الطريقة الأولى كاملة ، وهي الذهاب الى موقع fontawesome واختيار ايقونة مناسبة لك ، ثم نسخها ووضعها بجانب القسم الذي تريده ، وبذلك سوف تستطيع اضافة ايقونة بجانب كل قسم من اقسام مدونة بلوجر .

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

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

تحميل الكود المذكور في الشرح

الدخول الى موقع fontawesome لتحميل ايقونات 

google-playkhamsatmostaqltradent