إضافة شريط آخر الأخبار لمدونة المطور

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


كيفية إضافة شريط آخر الأخبار المطور في بلوجر يقوم بعرض المواضيع على شكل صور مصغرة.


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




تركيب شريط آخر الأخبار المطور

  1. أولاً قم بالدخول إلى لوحة تحكم بلوجر
  2. توجه إلى قسم قالب
  3. أنقر على تحرير HTML


أبحث عن ]]>
أو وأضف الكود التالي فوقه.
 /* CSS News Ticker */
.ticker-wrap{display:block;text-align:center;margin:0 20px 20px 20px;padding:2px;background:#fefefe;border:1px solid rgba(0,0,0,0.1);border-right:5px solid #3cc091}
.ticker-wrap>span{display:inline-block;background:#fefefe;padding:0;font:700 13px 'roboto',sans-serif}
.ticker-wrap>span>a{color:#222;text-decoration:none}
#ticker{height:45px;direction:rtl;overflow:hidden;background:#fefefe;text-align:right}
#ticker ul{direction:rtl;padding:0;margin:0;list-style:none}
#ticker ul li{height:45px;direction:rtl;white-space:nowrap}
#ticker ul li img{float:right;direction:rtl;width:35px;height:35px;margin:5px 5px 5px 7px}
#ticker ul li h3{margin:0;direction:rtl;font:700 12px 'droid arabic kufi',sans-serif}
#ticker ul li h3 a{color:#333;direction:rtl;text-decoration:none;line-height:25px!important}
#ticker ul li .tickermeta{font:700 12px 'droid arabic kufi',sans-serif;line-height:20px!important;direction:rtl;color:#999}

يُمكنك التعديل على اللون والخط من خلال الكود السابق.
لآن أبحث عن
وأضف الكود التالي فوقه.

الآن الكود الأخير وهو من أجل ظهور شريط الأخبار، هذا الكود يُمكنك وضعه في المكان الذي تريده على حسب ما تجده مُناسب.
من أجل أنّ تظهر المواضيع قم بتغيير رابط aegygeek.com برابط مدونتك.






الآن قم بحفظ القالب ومبروك عليك الإضافة.
إذا كان يوجد أي مشاكل في الإضافة أتمنى ذكرها ضمن التعليقات.

اسمي زياد حلومي, من مواليد سنة 2000 , من المغرب و بالضبط من مدينة طنجة , أقطن الآن في القصر الكبير , مدون و مبرمج و مصمم و مطور بعض أنواع المواقع ومهتم بشؤون المعلوميات و أدرس حاليا في الأولى باكالوريا. و بهذا قمت بإنشاء مدونة "زياد نت" لأزودكم بمعلومات مفيدة تهتم بشؤون الحاسوب و أجهزة الإندرويد و المزيد...

شارك الموضوع

مواضيع ذات صلة