أفضل 5 إضافات شريط آخر الأخبار لمدونات بلوجر – دليل شامل مع الأكواد 2025

أفضل 5 إضافات شريط آخر الأخبار لمدونات بلوجر – دليل شامل مع الأكواد 2025

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

ما هو شريط آخر الأخبار؟

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

كيفية تركيب شريط آخر الأخبار في مدونة بلوجر

لتركيب شريط آخر الأخبار في مدونتك، اتبع الخطوات التالية:

1. اختيار الشريط المناسب: حدد الشريط الذي يتناسب مع تصميم مدونتك من الخيارات المذكورة أدناه.
2. إضافة أكواد CSS: انسخ الأكواد الخاصة بتنسيق الشريط وألصقها فوق وسم ]]></b:skin> في قالب مدونتك.
3. إضافة أكواد JavaScript: انسخ الأكواد البرمجية للشريط وألصقها فوق وسم </body>.
4. تحديد مكان الشريط: استخدم أكواد تحديد العرض الأقصى لوضع الشريط في المكان المناسب داخل مدونتك، ويفضل أن يكون أسفل وسم </header>.
5. إضافة أكواد HTML للشريط: انسخ الأكواد الخاصة بهيكل الشريط وألصقها داخل الكود الذي حددت فيه مكان الشريط.

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

كواد ضبط الحد الأقصى لعرض شريط آخر الأخبار

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

قم بتحديد هذا الكود و انسخه⬇

<div style="display:flex;max-width:1100px;margin:0 auto;padding:10px 10px;box-sizing:border-box">

<!-- هنا يوضع كود HTML شريط الأخبار -->

</div>

أكواد لتخصيص ظهور شريط الأخبار في الصفحة الرئيسية فقط

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

قم بتحديد هذا الكود و انسخه⬇

<b:if cond='data:view.isHomepage'>

<!-- أي كود يوضع هنا لن يظهر إلا في الصفحة الرئيسية -->

</b:if>

أفضل 5 إضافات لشريط آخر الأخبار

1. شريط تمرير أفقي دائم

يعرض هذا الشريط عناوين المقالات بشكل أفقي متحرك باستمرار. يتوقف التمرير عند وضع مؤشر الفأرة عليه، مما يسهل على الزوار قراءة العناوين.

ميزات:

• تمرير أفقي مستمر.
• يتوقف عند التمرير فوقه.

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

2. شريط تمرير عمودي

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

ميزات:

• تمرير عمودي للعناوين.
• أزرار للتنقل بين العناوين.

3. شريط إخفاء وإظهار مع تأثيرات

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

ميزات:

• تأثيرات بصرية جذابة عند تبديل العناوين.
• خفيف وسريع التحميل.

4. شريط كتابة متحرك

يقوم هذا الشريط بكتابة عناوين المقالات بشكل متحرك، مما يشد انتباه الزوار.

ميزات:

• تأثير كتابة ديناميكي.
• يعرض العناوين بشكل متسلسل.

5. شريط تمرير عمودي مع صور مصغرة

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

ميزات:

• عرض الصور المصغرة بجانب العناوين.
• تمرير عمودي للعناوين.

لتحميل الأكواد الخاصة بكل شريط ومعاينتها.

نصائح لتحسين شريط آخر الأخبار

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

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