كيفية تثبيت فواصل بريدية على المدون

إذا كان موقعك على Blogger يحتوي على مشاركات متعددة ، ففكر في تثبيت فواصل بين كل إدخال لجعل مدونتك أكثر جاذبية بصريًا. تظهر فواصل المشاركات أسفل كل إدخال تكتبه ، ويفصلون قصصك لمساعدة الزائرين على التمييز بين كل مدخل. يمنحك Blogger إمكانية تعديل شفرة Cascading Style Sheets (CSS) لموقعك الإلكتروني ، والتي تمكنك من إنشاء قاعدة تحقق هذه المهمة.

1.

سجِّل الدخول إلى حسابك في Blogger وانقر على رابط "التنسيق". انقر فوق "تحرير HTML" لإظهار مربع النص الذي يحتوي على شفرة المدونة الخاصة بك.

2.

اضغط على مفتاحي "Control" و "F" على لوحة المفاتيح في نفس الوقت لإظهار مربع البحث. اكتب ".post-footer" في حقل نص مربع البحث واضغط على مفتاح "Enter" لتحديد نمط CSS هذا.

3.

انظر إلى الشفرة الموجودة داخل قاعدة .post-footer لمعرفة ما إذا كانت تحتوي على مدخلات هامش وحشو بين الأقواس المتعرجة. إذا لم يكن الأمر كذلك ، فأدخل "margin:؛" و "الحشو:" داخل الأقواس ، واتبع هذه السمات مع قيم الأرقام المطلوبة بالبكسل (px). لتوضيح:

.post-footer {margin: 50px؛ الحشو: 50 بكسل }

4.

اكتب "border-bottom:؛" لإنشاء سمة تقوم بتصنيف الفواصل اللاحقة على صفحتك. أدخل قيمة رقمية بالبكسل ، نمط خط ، مثل "منقط" ، وقيمة لون HTML بعد السمة كما يلي:

.post-footer {border-bottom: 3px dotted #cccccc؛ }

5.

انقر على زر "معاينة" لرؤية فواصلك المنشورة الجديدة. يمكنك إجراء تعديلات إذا لزم الأمر والنقر على الزر "حفظ التغييرات" لنشر عملك.

نصائح

• تحدد السمة margin مقدار المساحة البيضاء التي تظهر خارج حدود الفاصل ، ويحدد الحشو كمية المساحة المدفوعة بعيدًا عن الخط الفعلي.
• افصل كل سمة CSS داخل الأقواس بفاصلة منقوطة. على سبيل المثال:
• .post-footer {margin: 50px؛ الحشو: 50 بكسل border-bottom: 3px dotted #cccccc؛ }