إضافة جديده على مدونة على المدون وهى إضافة تهم كل من يمكن مدونة هذه الإضافه هى شريط اخر الأخبار المنزلق فى إصداره الثانى ، وكم قد عرصنا من قبل على المدونة شريط أحدث الأخبار بلونك المفضل مع الشبكات الأجتماعية بكشل ايضا منزلق وعرضنا ايضا شريط اخر الأخبار متحرك مع مواقع التواصل ، نقدم لكم اليوم شريط اخبارى جديد بشكل احترافى وأنيق ، وهذا الشريط يعرض كل موضوع على حد مع ميزه جديده وهى صورة مصغره من الموضوع ، ويمكنك معاينة شريط الأخبار من الرابط التالى .
تركيب شريط اخر الأخبار المنزلق :
اولا قم بأخذ نسخة احتياطية من قالب مدونتك لنجنب حدوث اى مشكلة .
1- قوم بالبحث فى قالب مدونتك على الوسم التالى ]]> وقم بوضع فوقه الكود التالى ( قبله )
/* 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}2- قوم بالبحث عن الوسم التالى