سأقدم لك في هذا الشرح 5 إضافات لشريط آخر الأخبار متنوعة ومختلفة من ناحية الشكل وأنيميشن تمرير روابط المواضيع المعروضة وهي على التوالي شريط تمرير أفقي لا نهائي، شريط تمرير عمودي، شريط إخفاء وإظهار، شريط أنيميشن الكتابة، شريط تمرير عمودي مع صورة الموضوع.
تم برمجة إضافة شريط آخر الأخبار ب Vanilla Javascript أي أننا لم نعتمد على أي مكتبة خارجية لضمان سرعة شريط الأخبار.
مراحل تركيب شريط آخر الأخبار في قالب بلوجر:
اختر شريط آخر الأخبار المناسب لمدونتك وحمل أكواده
أنسخ أكواد CSS وضعها فوق ]]></b:skin>
أنسخ أكواد Javascript لشريط آخر الأخبار وضعها فوق </body>
أنسخ أكواد تحديد العرض الأقصى للأداة (max-width) وضعه في المكان الذي تريد وضع فيه الشريط ويفضل أن يكون أسفل </header>
أنسخ أكواد HTML شريط الأخبار وضعها وسط أكواد تحديد العرض الأقصى
لعرض الأداة في الصفحة الرئيسية فقط قم بوضع أكواد تحديد العرض الأقصى مع أكواد 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 أنواع من شرائط الأخبار لمدونة بلوجر، التي تقوم بإظهار وإخفاء المواضيع بشكل دوري وكل هذه الشرائط تتوقف عن الحركة بمجرد وضع سهم الفأرة فوقها
تم برمجة إضافة شريط آخر الأخبار ب Vanilla Javascript أي أننا لم نعتمد على أي مكتبة خارجية لضمان سرعة شريط الأخبار.
مراحل تركيب شريط آخر الأخبار في قالب بلوجر:
اختر شريط آخر الأخبار المناسب لمدونتك وحمل أكواده
أنسخ أكواد CSS وضعها فوق ]]></b:skin>
أنسخ أكواد Javascript لشريط آخر الأخبار وضعها فوق </body>
أنسخ أكواد تحديد العرض الأقصى للأداة (max-width) وضعه في المكان الذي تريد وضع فيه الشريط ويفضل أن يكون أسفل </header>
أنسخ أكواد HTML شريط الأخبار وضعها وسط أكواد تحديد العرض الأقصى
لعرض الأداة في الصفحة الرئيسية فقط قم بوضع أكواد تحديد العرض الأقصى مع أكواد 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 أنواع من شرائط الأخبار لمدونة بلوجر، التي تقوم بإظهار وإخفاء المواضيع بشكل دوري وكل هذه الشرائط تتوقف عن الحركة بمجرد وضع سهم الفأرة فوقها