دروس و شروحاتشروحات بلوجر

إضافة صفحات إلى مدونة بلوجر BLOGGER و التعامل مع القوائم

إضافة صفحات إلى مدونة بلوجر BLOGGER

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

في متناول زوار مدونتك و بسهولة كم يمكنك ربطها مع أشرطة التنقل المختلفة

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

أشرطة التنقل أو ما يعرف عند البعض بالقوائم

تقدم Designer Blogs عدة أنواع من أشرطة التنقل:

  • شريط تنقل به ارتباطات نصية بسيطة

شريط تنقل به ارتباطات نصية بسيطة 300x60 - إضافة صفحات إلى مدونة بلوجر BLOGGER و التعامل مع القوائم

  • شريط تنقل به أزرار مخصصة

شريط تنقل به أزرار مخصصة 300x64 - إضافة صفحات إلى مدونة بلوجر BLOGGER و التعامل مع القوائم

  • شريط تنقل به قائمة منسدلة

شريط تنقل به قائمة منسدلة 300x112 - إضافة صفحات إلى مدونة بلوجر BLOGGER و التعامل مع القوائم

يتم تخصيص أشرطة التنقل هذه لإعطاء مدونتك مظهرًا ومظهرًا فريدًا ومحترفًا.

ومع ذلك ، قد ترغب فقط في الحصول على شريط قوائم مدون أساسي وغير مخصص

خطوات إضافة صفحات إلى مدونة بلوجر :

الخطوة 1 في إضافة صفحات إلى مدونة بلوجر:

تسجيل الدخول إلى مدونة Blogger بعدها تضغط على Pages

إضافة صفحات إلى مدونة بلوجر 300x145 - إضافة صفحات إلى مدونة بلوجر BLOGGER و التعامل مع القوائم

 

الخطوة الثانية في إضافة صفحات إلى مدونة بلوجر :

اضغط على زر New Page

إضافة صفحات إلى مدونة بلوجر 1 300x100 - إضافة صفحات إلى مدونة بلوجر BLOGGER و التعامل مع القوائم

الخطوة الثالثة في إضافة صفحات إلى مدونة بلوجر :

قم بكتابة عنوان للصفحة ، و أضف محتوى للصفحة التي انت بصدد انشائها ، ثم انقر فوق  Publish “نشر”.

إضافة صفحات إلى مدونة بلوجر 2 300x94 - إضافة صفحات إلى مدونة بلوجر BLOGGER و التعامل مع القوائم

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

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

لذلك توجه إلى “Layout” ثم بعد ذلك انقر على “Add a Gadget” في المساحة الموجودة في الأسفل

ملاحظة:

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

طريقة إضافة الصفحات في مدونتك 1 300x197 - إضافة صفحات إلى مدونة بلوجر BLOGGER و التعامل مع القوائم

الخطوة الخامسة :

بعد الضغط على الزر السابق ، ستظهر لك واجهة ستقوم أنت بإختيار “Pages”

طريقة إضافة الصفحات في مدونتك 2 300x147 - إضافة صفحات إلى مدونة بلوجر BLOGGER و التعامل مع القوائم

الخطوة السادسة :

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

بعد أن تقوم بتنظيم صفحاتك قم بالنقر على “حفظ” Save .

طريقة إضافة الصفحات في مدونتك 3 245x300 - إضافة صفحات إلى مدونة بلوجر BLOGGER و التعامل مع القوائم

إضافة روابط إلى أشرطة التنقل في مدونتك :

 

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

الخطوة الأولى :

قم بالضغط على “Pages” ثم “Add a Gadget”  ثم اختر  “Pages” من الخيارات المتاحة

بعدها في الواجهة التي تظهر اضغط على “+ Add external link”

طريقة إضافة الصفحات في مدونتك 4 238x300 - إضافة صفحات إلى مدونة بلوجر BLOGGER و التعامل مع القوائم

الخطوة الثانية :

في مربع الأول title  قم بكتابة عنوان الرابط الخارجي و الذي تريد اظهاره في شريط التنقل

و في Web address  URL  قم بإضافة الرابط الخارجي (رابط الموقع أو الصفحة الخارجية )

بعد الإنتهاء قم بالضغط على حفظ  “Save ”

طريقة إضافة الصفحات في مدونتك 6 300x238 - إضافة صفحات إلى مدونة بلوجر BLOGGER و التعامل مع القوائم

بعد الانتهاء قم بمعاينة النتيجة ، و ستلاحظ أنه قد تم اضافة ذلك الرابط مع باقي الصفحات في صفحة مدونتك

ضبط موضع الروابط و أزرار عناصر القوائم (اشرطة التنقل)

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

فقم باتباع الخطوات التالية :

في لوحة تحكم المدونة الخاصة بك ، توجه إلى قوالب  “Theme” ثم تخصيص   “Customize ”

طريقة إضافة الصفحات في مدونتك 7 300x192 - إضافة صفحات إلى مدونة بلوجر BLOGGER و التعامل مع القوائم

من الواجهة التي ستظهر لك قم باختيار “Advanced ”

طريقة إضافة الصفحات في مدونتك 8 300x82 - إضافة صفحات إلى مدونة بلوجر BLOGGER و التعامل مع القوائم

بعد ذلك اصغط على “Add CSS ”

طريقة إضافة الصفحات في مدونتك 9 300x88 - إضافة صفحات إلى مدونة بلوجر BLOGGER و التعامل مع القوائم

لإضافة المزيد من المساحة إلى الجانب الأيسر من شريط التنقل (القائمة ) ، أضف الكود التالي :

.PageList {text-align:left !important; padding-left: 30px; } .PageList li {display:inline !important; float:none !important; }

قم بتغيير الرقم 30  إلى رقم أكبر في حالة ما أردت إضافة مساحة أكبر من ما هيا ، أو العكس إذا أردت تصغيرها

إذا أعجبتك التعديلات التي أجريها قم بالضغط على “Apply to Blog” ، لتطبيق التعديل على القائمة

توسيط شريط التنقل في واجهة مدونتك : 

ربما تريد أن تجعل القائمة تتوسط القالب الخاص بك

و للقيام بذلك قم بإضافة الكود التالي بنفس الطريقة السابقة :

.PageList {text-align:center !important; } .PageList li {display:inline !important; float:none !important; }

 

مع تحيات موقع : علم نفسك التقني 

الوسوم

مقالات ذات صلة

اترك تعليقاً

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

زر الذهاب إلى الأعلى
إغلاق

أنت تستخدم إضافة Adblock

برجاء دعمنا عن طريق تعطيل إضافة Adblock