تعد إضافة شريط الأخبار على مدونة بلوجر من بين أهم الإضافات المحبذ إدراجها على المدونة للدور الهام التي تلعبه الإضافة من حيث جلب الزوار ولفت إنتباههم عند عرض لٱخر المستجدات والتدوينات من جهة ومن جهة أخرى حركة العرض الإنسيابية بفضل خاصية JQUERY ما يعطي شكل جذاب للمدونة
في هذا الدرس سنشرح كيفية إضافة شريط أخبار متحرك وإحترافي على مدونة بلوجر، ما يميز هذه الإضافة حركتها الإنسابية والسلسة عند عرض أخر الأخبار حيث يعرض الخبر على شكل صورة مصغرة ،العنوان، تاريخ الكتابة وإسم الكاتب
طريقة تركيب الإضافة:
بعد تسجيل الدخول لمدونتك نختار قالب مع أخذ نسخة إحتياطية للقالب ثم تحريرHTML
الخطوة الأولى:
1- نبحث عن الكود أسفله
الخطوة الثانية:
1- نبحث عن الكود أسفله
الخطوة الثالثة:
- إختيار موضع الإضافة غالبا تكون أسفل قائمة التسميات أو في أعلى الهيدر
- إضافة الكود في القالب نبحث عن معرف قائمة التسميات بإستعمال خاصية للمتصفح 'inspect element'مثلا المعرف الخاص بقائمة التسميات لمدونتي هو'b-menu'
- ننسخ الكود أسفله ونلصقه في الموضع المختار مثلا أسفل الناف بار'nav-bar'
- يمكنك إضافة هذا الكود في التخطيط بإضافة أداة java/scriptفوق الرسائل الإلكترونية
طريقة التعديل على الإضافة:
* اللون الأحمر في الكود الأول إستبدل هذا اللون #D03F42 باللون الخاص بك
* خط الإضافة في الكود الأول #ticker ul li .tickermeta
* استبدل هذا الرابط 'otage79.blogspot.com' بالرابط الخاص بك في الكود الثالث
في هذا الدرس سنشرح كيفية إضافة شريط أخبار متحرك وإحترافي على مدونة بلوجر، ما يميز هذه الإضافة حركتها الإنسابية والسلسة عند عرض أخر الأخبار حيث يعرض الخبر على شكل صورة مصغرة ،العنوان، تاريخ الكتابة وإسم الكاتب
طريقة تركيب الإضافة:
بعد تسجيل الدخول لمدونتك نختار قالب مع أخذ نسخة إحتياطية للقالب ثم تحريرHTML
الخطوة الأولى:
1- نبحث عن الكود أسفله
]]></b:skin>2- ننسخ الكود التالي ونلصقه فوق الكود أعلاه
1- نبحث عن الكود أسفله
</body>2- ننسخ الكود التالي ونلصقه فوق الكود أعلاه
- إختيار موضع الإضافة غالبا تكون أسفل قائمة التسميات أو في أعلى الهيدر
- إضافة الكود في القالب نبحث عن معرف قائمة التسميات بإستعمال خاصية للمتصفح 'inspect element'مثلا المعرف الخاص بقائمة التسميات لمدونتي هو'b-menu'
- ننسخ الكود أسفله ونلصقه في الموضع المختار مثلا أسفل الناف بار'nav-bar'
طريقة التعديل على الإضافة:
* اللون الأحمر في الكود الأول إستبدل هذا اللون #D03F42 باللون الخاص بك
* خط الإضافة في الكود الأول #ticker ul li .tickermeta
* استبدل هذا الرابط 'otage79.blogspot.com' بالرابط الخاص بك في الكود الثالث
أرجو أن تكونوا قد إستفدتوا