التخطي إلى المحتوى

كيفية إظهار حالة الاقسام  والفئات على شكل grid في الصفحة الرئيسية لمدونات بلوجر

إذا كنت تبحث عن تحسين محرك البحث (SEO) وجذب المزيد من الزيارات إلى موقع الويب الخاص بك ، فستوفر لك هذه المقالة أساسيات تحسين محركات البحث (SEO).

إذا كنت قد سمعت عن مُحسّنات محرّكات البحث ، ولكن ليس لديك أي فكرة عما تعنيه بالفعل أو كيف تعمل ، فسوف يعلمك هذا الدليل كل شيء عنها.

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

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

لهذا السبب سأشاركك معك اليوم الكود الذي سيساعدك في عرض الاقسام في الصفحة الرئيسية لموقع بلوجر.

وقمنا بعمل هذا الكود بالكامل باستخدام أكواد HTML و CSS فقط وهو مستجيب على الإجهزة بمختلف انواعها  تمامًا 

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

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

خطوات إضافة شبكة الفئة في بلوجر

 اتبع الخطوات أدناه.

# 1: اذهب إلى موقع Blogger وافتح قسم التخطيط layout section.

# 2: الآن انقر فوق الزر “إضافة أداة ذكية” Add a gadget حيث تريد إظهار شبكة الفئة هذه

# 3: اختر الآن أداة HTML / JavaScript والصق الكود أدناه فيها.

Explore our Blog: Techyleaf

# 4: الآن قم بتحرير كود HTML وقم بتغيير أيقونات svg والعنوان والنص وإضافة الرابط الخاص بك فيه.

# 5: الآن انسخ كود CSS أدناه والصقه أسفل كود HTML مباشرة.

# 6: الآن احفظ الكود وانشر الويدجيت .

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

شاهد الفيديو أدناه للتعرف على كيفية القيام بذلك عمليا.

مصدر الخبر

التعليقات

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *