احمد مـحمود
زيزوومي جديد
- إنضم
- 29 يوليو 2024
- المشاركات
- 5
- مستوى التفاعل
- 2
- النقاط
- 0
غير متصل
مقدمة
تعد إضافة شريط الأخبار المتحرك وسيلة رائعة لجذب انتباه الزوار وعرض آخر الأخبار أو العروض الترويجية بشكل ديناميكي. في هذا المقال، سنستعرض أداة شريط الأخبار المتحرك المصممة بلغة HTML وCSS وJavaScript، بالإضافة إلى كيفية دمجها بسهولة في مدونات بلوجر.
معاينة الأداة
يجب عليك تسجيل الدخول أو التسجيل لمشاهدة الرابط المخفي
صور الأداة
صور من الهاتف
مميزات الأداة
- تصميم احترافي وجذاب باستخدام ألوان متدرجة.
- دعم اللغة العربية لعرض الأخبار بسهولة.
- تحريك تلقائي للأخبار مع إمكانية إيقاف الحركة عند تمرير الماوس.
- عرض التاريخ الميلادي والهجري تلقائيًا.
- سهل التركيب والتخصيص.
كود الأداة
لإضافة شريط الأخبار إلى مدونة بلوجر، استخدم الكود التالي:
يجب عليك تسجيل الدخول أو التسجيل لمشاهدة الرابط المخفي
كيفية تركيب الأداة في مدونات بلوجر
- تسجيل الدخول إلى بلوجر: انتقل إلى لوحة التحكم الخاصة بمدونتك.
- الانتقال إلى التخطيط: اختر "التخطيط" من القائمة الجانبية.
- إضافة أداة HTML/JavaScript: اضغط على "إضافة أداة" ثم اختر "HTML/JavaScript".
- إدخال الكود: قم بلصق الكود أعلاه في مربع المحتوى.
- حفظ التغييرات: اضغط على "حفظ" ثم قم بمعاينة المدونة للتأكد من ظهور شريط الأخبار.
تخصيص الأداة
- تغيير الأخبار: قم بتعديل الروابط والنصوص داخل blfym-news-content.
- تعديل الألوان: يمكنك تغيير تدرج الألوان في .blfym-news-container.
- ضبط سرعة الحركة: قم بتعديل animation-duration في @keyframes blfymScrollNews.
الخاتمة
هذه الأداة تضيف لمسة احترافية لمدونات بلوجر من خلال عرض الأخبار المتحركة بشكل جذاب. يمكن تخصيصها بسهولة لتناسب احتياجات أي مدونة. جربها الآن وأضف لمسة ديناميكية إلى موقعك!
