شريط آخر الأخبار متتابع رأسي

 كنا عرضنا إضافة مشابهة من قبل لكن الشريط بها كان يتتابع بشكل أفقي كذلك برمجيته أضخم هذا يعتبر نمط آخر من هذا النوع من الأشرطة لكنه أخف وأبسط 

أنت يمكنك اختيار الأنسب لك والذي سيعمل مع قالبك أيضاً بشكل أفضل

أضف الكود في آداة HTML/JavaScript 

ملحوظة يعتمد الكود على مكتبة Jquery فيجب أن تكون موجودة في قالبك

<style>

#upbreaking-container{--beacup:#df0707;display:flex;border:1px solid var(--beacup);}

#breaking-up-cnmu * {line-height: 40px;}

#breaking-up-cnmu{background-color:#fff;height:50px;box-sizing:border-box;line-height:40px;overflow:hidden;padding:5px;width:100%;}

#upbreaking-container > span{flex-shrink:0;padding:0 10px;background-color:var(--beacup);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;}

#breaking-up-cnmu a{color:var(--beacup);}

#breaking-up-cnmu a:hover{color:#e00;}

</style>

<div id="upbreaking-container"><span>آخر الأخبار</span><div id="breaking-up-cnmu">جاري التحميل ...</div></div>

<script>

var breakcUrl = "https://www.cnmu.info";

breakNum = "10";

breakSpeed = "5000";

function _0x1fb3(){var _0x11ffa8=['pc9HpJWVzgL2pG','phnWyw4+2ytyPYdzITMi2kZyRYdzHTIQ2kFyPTISpc9ZCgfUpG','ANnVBNa','mtzpzMHfvuS','iIb0yxjNzxq9iL9IBgfUAYi+','i2jYzwfRAw5NlxvWlwnUBxuGzgL2oMzPCNn0','zMvLza','phn0CM9UzZ7yRTI32kmG2yhzIIdyP9Me2k7zHnIN2lxyP9IQpc9ZDhjVBMC+','mta5mg9VCMH0sG','DgL0Bgu','zw50CNK','z2v0','yxbWzw5Kvg8','mte3nM1SwefODW','mZeYntvIt29qA28','mtmXmdaWmwHes2H5vq','mta1mdnVrfHXtgi','C2XPzgvvCa','i2jYzwfRAw5NlxvWlwnUBxuGDwW','mJyWmJmYofPUEuvszG','mtyZotm1mhjtyvzAzq','BgLUAW','C2XPzgveB3DU','AhrTBa','i2jYzwfRAw5NlxvWlwnUBxu','pc91Bd4','CMvS','ndjtB2nyzxm','nda5mdmXn0Dfs3jQwq','mtG3otDnzuDoy08','l2zLzwrZl3bVC3rZl2rLzMf1Bhq/ywX0pwPZB24TAw4TC2nYAxb0jM1HEc1Yzxn1BhrZpq','BgvUz3rO'];_0x1fb3=function(){return _0x11ffa8;};return _0x1fb3();}function _0xb2a7(_0x4ba151,_0x486481){var _0x1fb38d=_0x1fb3();return _0xb2a7=function(_0xb2a776,_0x425ec5){_0xb2a776=_0xb2a776-0x10e;var _0x5237c9=_0x1fb38d[_0xb2a776];if(_0xb2a7['PPmooz']===undefined){var _0x3e04df=function(_0x214871){var _0x482fdb='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x4cfaf2='',_0xb60ae1='';for(var _0x297ec8=0x0,_0x419a3,_0x7ab17a,_0x29946d=0x0;_0x7ab17a=_0x214871['charAt'](_0x29946d++);~_0x7ab17a&&(_0x419a3=_0x297ec8%0x4?_0x419a3*0x40+_0x7ab17a:_0x7ab17a,_0x297ec8++%0x4)?_0x4cfaf2+=String['fromCharCode'](0xff&_0x419a3>>(-0x2*_0x297ec8&0x6)):0x0){_0x7ab17a=_0x482fdb['indexOf'](_0x7ab17a);}for(var _0x448b4a=0x0,_0x3d2ee7=_0x4cfaf2['length'];_0x448b4a<_0x3d2ee7;_0x448b4a++){_0xb60ae1+='%'+('00'+_0x4cfaf2['charCodeAt'](_0x448b4a)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0xb60ae1);};_0xb2a7['fMGCJM']=_0x3e04df,_0x4ba151=arguments,_0xb2a7['PPmooz']=!![];}var _0x4067cd=_0x1fb38d[0x0],_0x54e189=_0xb2a776+_0x4067cd,_0x1234e8=_0x4ba151[_0x54e189];return!_0x1234e8?(_0x5237c9=_0xb2a7['fMGCJM'](_0x5237c9),_0x4ba151[_0x54e189]=_0x5237c9):_0x5237c9=_0x1234e8,_0x5237c9;},_0xb2a7(_0x4ba151,_0x486481);}(function(_0x42e8a7,_0x516160){var _0xa5722b=_0xb2a7,_0x1a263a=_0x42e8a7();while(!![]){try{var _0x52e20f=-parseInt(_0xa5722b(0x123))/0x1*(parseInt(_0xa5722b(0x121))/0x2)+parseInt(_0xa5722b(0x11a))/0x3+parseInt(_0xa5722b(0x119))/0x4+parseInt(_0xa5722b(0x114))/0x5*(parseInt(_0xa5722b(0x113))/0x6)+parseInt(_0xa5722b(0x122))/0x7*(-parseInt(_0xa5722b(0x129))/0x8)+-parseInt(_0xa5722b(0x116))/0x9*(-parseInt(_0xa5722b(0x10e))/0xa)+-parseInt(_0xa5722b(0x115))/0xb;if(_0x52e20f===_0x516160)break;else _0x1a263a['push'](_0x1a263a['shift']());}catch(_0x5ae84c){_0x1a263a['push'](_0x1a263a['shift']());}}}(_0x1fb3,0xd3a7d),$(document)['ready'](function(){var _0x23481c=_0xb2a7,_0x214871=breakcUrl,_0x482fdb=breakNum;$['ajax']({'url':''+_0x214871+_0x23481c(0x124)+_0x482fdb,'type':_0x23481c(0x111),'dataType':_0x23481c(0x128),'success':function(_0x4cfaf2){var _0x30ec51=_0x23481c;function _0xb60ae1(){var _0x3d2d0f=_0xb2a7;$(_0x3d2d0f(0x12b))[_0x3d2d0f(0x117)](function(){var _0x1da4ef=_0x3d2d0f;$(this)[_0x1da4ef(0x112)]($(_0x1da4ef(0x118)))[_0x1da4ef(0x11c)]();});}var _0x297ec8,_0x419a3,_0x7ab17a='',_0x29946d=_0x4cfaf2[_0x30ec51(0x12c)][_0x30ec51(0x110)];if(void 0x0!==_0x29946d){_0x7ab17a='<ul>';for(var _0x448b4a=0x0;_0x448b4a<_0x29946d[_0x30ec51(0x125)];_0x448b4a++){for(var _0x3d2ee7=0x0;_0x3d2ee7<_0x29946d[_0x448b4a][_0x30ec51(0x11b)][_0x30ec51(0x125)];_0x3d2ee7++)if('alternate'==_0x29946d[_0x448b4a][_0x30ec51(0x11b)][_0x3d2ee7][_0x30ec51(0x120)]){_0x297ec8=_0x29946d[_0x448b4a][_0x30ec51(0x11b)][_0x3d2ee7]['href'];break;}_0x419a3=_0x29946d[_0x448b4a][_0x30ec51(0x10f)]['$t'],_0x7ab17a+='<div><a\x20href=\x22'+_0x297ec8+_0x30ec51(0x12a)+_0x419a3+_0x30ec51(0x126);}_0x7ab17a+=_0x30ec51(0x11f),$(_0x30ec51(0x11e))['html'](_0x7ab17a),setInterval(function(){_0xb60ae1();},breakSpeed);}else $(_0x30ec51(0x11e))[_0x30ec51(0x11d)](_0x30ec51(0x127));},'error':function(){var _0x4f029b=_0x23481c;$(_0x4f029b(0x11e))[_0x4f029b(0x11d)](_0x4f029b(0x12d));}});}));

</script>

اعدادات الإضافة

عدل اللون الأحمر بلون مناسب لك

عدل طبعا رابط كن مدون برابط مدونتك

عدل الرقم 10 بعدد المواضيع التي ستعرضها الآداة

وأخيراً الرقم 5000 عدله بعدد الثواني للإنتقال لخبر جديد كل 1000 = ثانية واحدة