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

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

و لكن يجدر الذكر على أن هذا الشريط يعمل غالبا مع المدونات ذات النطاق blogspot.com أما النطاقات .com .net .org .info فقد لا يعمل أو يعمل بشكل بطيء جدا المهم دون الاطالة اليكم طريقة تركيبه 

أضف الكود التالي داخل أداة html java script 

<style> #cnmunewasbar { background: #fff; box-shadow: 0 0 1px #777; height: 30px; width: 100%; } .cnmunbtile { background:#008EFA; color: #fff; display: inline-block; float: right; font: bold 14px/30px tahoma; height: 100%; margin-left: -112px; text-align: center; width: 110px; } .cnmu-newsb-srp { float: right; font: 14px/28px tahoma !important; margin-right: 112px; } </style> <script type="text/javascript"> var cnmuWidth= 100; var cnmuScrollAmount=0; var cnmuScrollDelay=80; var cnmuDirection="right"; var cnmutargetlink="yes"; var cnmunumPosts=10; var cnmuBulletchar =">>>"; var cnmuimagebullet="yes"; var cnmuimgurl="https://lh6.googleusercontent.com/-YHYwSfOe3XY/VEIv0ZeiOZI/AAAAAAAAE40/3ZHADkTW5Io/s35/jaded.gif"; var cnmufontsize=16; var cnmubgcolor="transparent"; var cnmulinkcolor="008EFA"; var cnmulinkhovercolor="CD0317"; //contnue var _0x96be=["\x3C\x6D\x61\x72\x71\x75\x65\x65\x20\x62\x65\x68\x61\x76\x69\x6F\x72\x3D\x22\x73\x63\x72\x6F\x6C\x6C\x22\x20\x6F\x6E\x6D\x6F\x75\x73\x65\x6F\x76\x65\x72\x3D\x22\x74\x68\x69\x73\x2E\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65\x28\x27\x73\x63\x72\x6F\x6C\x6C\x61\x6D\x6F\x75\x6E\x74\x27\x2C\x20\x30\x2C\x20\x30\x29\x3B\x22\x20\x6F\x6E\x6D\x6F\x75\x73\x65\x6F\x75\x74\x3D\x22\x74\x68\x69\x73\x2E\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65\x28\x27\x73\x63\x72\x6F\x6C\x6C\x61\x6D\x6F\x75\x6E\x74\x27\x2C\x20\x36\x2C\x20\x30\x29\x3B\x22\x20","\x20\x73\x63\x72\x6F\x6C\x6C\x61\x6D\x6F\x75\x6E\x74\x20\x3D\x20\x22","\x25\x22","\x20\x77\x69\x64\x74\x68\x20\x3D\x20\x22","\x20\x77\x69\x64\x74\x68\x20\x3D\x20\x22\x31\x30\x30\x25\x22","\x20\x73\x63\x72\x6F\x6C\x6C\x64\x65\x6C\x61\x79\x20\x3D\x20\x22","\x22","\x20\x64\x69\x72\x65\x63\x74\x69\x6F\x6E\x20\x3D\x20\x22","\x22\x3E","\x6C\x65\x66\x74","\x72\x69\x67\x68\x74","\x26\x6E\x62\x73\x70\x3B\x26\x6E\x62\x73\x70\x3B\x26\x6E\x62\x73\x70\x3B","\x3C\x62\x72\x2F\x3E","\x79\x65\x73","\x20\x74\x61\x72\x67\x65\x74\x3D\x20\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20","\x20","\x20\x3C\x69\x6D\x67\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6E\x6D\x75\x62\x75\x6C\x6C\x65\x74\x62\x69\x6D\x67\x22\x20\x73\x72\x63\x3D\x22","\x22\x20\x2F\x3E","\x3C\x2F\x6D\x61\x72\x71\x75\x65\x65\x3E","","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x6C\x65\x6E\x67\x74\x68","\x6C\x69\x6E\x6B","\x72\x65\x6C","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x68\x72\x65\x66","\x20\x3C\x61\x20","\x20\x68\x72\x65\x66\x3D\x22","\x24\x74","\x74\x69\x74\x6C\x65","\x3C\x2F\x61\x3E","\x3C\x61\x20\x74\x61\x72\x65\x67\x65\x74\x20\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x63\x6E\x6D\x75\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x3E\x3C\x2F\x61\x3E","\x75\x70","\x3C\x73\x74\x79\x6C\x65\x20\x73\x74\x79\x6C\x65\x3D\x22\x74\x65\x78\x74\x2F\x63\x73\x73\x22\x3E\x2E\x63\x6E\x6D\x75\x2D\x6E\x65\x77\x73\x62\x2D\x73\x72\x70\x7B\x66\x6F\x6E\x74\x2D\x73\x69\x7A\x65\x3A\x31\x32\x70\x78","\x70\x78\x3B\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x3A\x23","\x3B\x66\x6F\x6E\x74\x2D\x77\x65\x69\x67\x68\x74\x3A\x6E\x6F\x72\x6D\x61\x6C\x3B\x7D\x2E\x63\x6E\x6D\x75\x2D\x6E\x65\x77\x73\x62\x2D\x73\x72\x70\x20\x61\x7B\x63\x6F\x6C\x6F\x72\x3A\x23","\x3B\x74\x65\x78\x74\x2D\x64\x65\x63\x6F\x72\x61\x74\x69\x6F\x6E\x3A\x6E\x6F\x6E\x65\x3B\x7D\x2E\x63\x6E\x6D\x75\x2D\x6E\x65\x77\x73\x62\x2D\x73\x72\x70\x20\x61\x3A\x68\x6F\x76\x65\x72\x7B\x63\x6F\x6C\x6F\x72\x3A\x23","\x3B\x7D\x69\x6D\x67\x2E\x63\x6E\x6D\x75\x62\x75\x6C\x6C\x65\x74\x62\x69\x6D\x67\x7B\x76\x65\x72\x74\x69\x63\x61\x6C\x2D\x61\x6C\x69\x67\x6E\x3A\x6D\x69\x64\x64\x6C\x65\x3B\x62\x6F\x72\x64\x65\x72\x3A\x6E\x6F\x6E\x65\x3B\x7D\x3C\x2F\x73\x74\x79\x6C\x65\x3E","\x77\x72\x69\x74\x65","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6E\x6D\x75\x2D\x6E\x65\x77\x73\x62\x2D\x73\x72\x70\x22\x3E","\x3C\x2F\x64\x69\x76\x3E"];function cnmuAdvRecentPostsScrollerv3(_0x391ax2){var _0x391ax3;var _0x391ax4;var _0x391ax5;var _0x391ax6;var _0x391ax7;var _0x391ax8;var _0x391ax9;var _0x391axa;var _0x391axb;try{_0x391ax6= _0x96be[0];if(cnmuScrollAmount){_0x391ax6= _0x391ax6+ _0x96be[1]+ cnmuScrollAmount+ _0x96be[2]};if(cnmuWidth){_0x391ax6= _0x391ax6+ _0x96be[3]+ cnmuWidth+ _0x96be[2]}else {_0x391ax6= _0x391ax6+ _0x96be[4]};if(cnmuScrollDelay){_0x391ax6= _0x391ax6+ _0x96be[5]+ cnmuScrollDelay+ _0x96be[6]};if(cnmuDirection){_0x391ax6= _0x391ax6+ _0x96be[7]+ cnmuDirection+ _0x96be[8];if(cnmuDirection== _0x96be[9]|| cnmuDirection== _0x96be[10]){_0x391ax9= _0x96be[11]}else {_0x391ax9= _0x96be[12]}};if(cnmutargetlink== _0x96be[13]){_0x391axa= _0x96be[14]}else {_0x391axa= _0x96be[15]};if(cnmuimagebullet== _0x96be[13]){_0x391axb= _0x96be[16]+ cnmuimgurl+ _0x96be[17]}else {_0x391axb= cnmuBulletchar};_0x391ax7= _0x96be[18];_0x391ax3= _0x96be[19];for(var _0x391axc=0;_0x391axc< cnmunumPosts;_0x391axc++){var _0x391ax5=_0x391ax2[_0x96be[21]][_0x96be[20]][_0x391axc];if(_0x391axc== _0x391ax2[_0x96be[21]][_0x96be[20]][_0x96be[22]]){break};for(var _0x391axd=0;_0x391axd< _0x391ax5[_0x96be[23]][_0x96be[22]];_0x391axd++){if(_0x391ax5[_0x96be[23]][_0x391axd][_0x96be[24]]== _0x96be[25]){_0x391ax4= _0x391ax5[_0x96be[23]][_0x391axd][_0x96be[26]];break}};_0x391ax3= _0x391ax3+ _0x391axb+ _0x96be[27]+ _0x391axa+ _0x96be[28]+ _0x391ax4+ _0x96be[8]+ _0x391ax5[_0x96be[30]][_0x96be[29]]+ _0x96be[31]+ _0x391ax9};_0x391ax8= _0x96be[32];if(cnmuDirection== _0x96be[9]){_0x391ax3= _0x391ax3+ _0x96be[11]+ _0x391ax8}else {if(cnmuDirection== _0x96be[10]){_0x391ax3= _0x391ax8+ _0x96be[11]+ _0x391ax3}else {if(cnmuDirection== _0x96be[33]){_0x391ax3= _0x391ax3+ _0x96be[12]+ _0x391ax8}else {_0x391ax3= _0x391ax8+ _0x96be[12]+ _0x391ax3}}};document[_0x96be[39]](_0x96be[34]+ cnmufontsize+ _0x96be[35]+ cnmubgcolor+ _0x96be[36]+ cnmulinkcolor+ _0x96be[37]+ cnmulinkhovercolor+ _0x96be[38]);document[_0x96be[39]](_0x96be[40]+ _0x391ax6+ _0x391ax3+ _0x391ax7+ _0x96be[41])}catch(exception){alert(exception)}} </script> <div id="cnmunewasbar"> <span class="cnmunbtile">آخر الأخبار</span> <script type="text/javascript" src="http://cnmu.blogspot.com/feeds/posts/default?alt=json-in-script&callback=cnmuAdvRecentPostsScrollerv3&max-results=50" ></script> <div style='clear: both;'></div></div>أهم الإعدادات

أهم الإعدادات

استبدل http://alkhabirsalah.blogspot.com برابط مدونتك

الرقم 80 هو سرعة الشريط كلما قل كلما كان اسرع كلما زاد اصبح بطئ

ان اردت فتح الروابط في نفس الصفحة استبدل هذه الكلمة yes بهذه no

هذا 10 هو عدد الموضوعات

أهم التنسيقات

هذا #fff لون خلفية الشريط البيضاء

هذا #008EFA لون خلفية كلمة آخر الأخبار والتي يمكنك تغييرها هي الأخرى

وهذا #fff هو لون خط كلمة آخر الأخبار

الرابط الزهري هو صورة جديد يمكنك استبداله برابط صورة أخرى

هذا 008EFA هو لون الروابط ملحوظة لا نضيف للون هنا رمز #

هذا CD0317 هو لون الروابط عند تمرير الماوس وايضاً لا نضيف له الرمز #

هذا tahoma هو نوع الخط يمكنك استبداله بخط آخر مخصص

الرقم 14 هو حجم الخط الاول خاص بكلمة آخر الأخبار والثاني خاص بالروابط

هذا 30 هو بعد الخط من الاعلى للكملة وهذا 28 للروابط

هام : في حالة اردت عرض الأخبار من قسم معين

استبدل كلمة default بهذه الكلمة default/-/# مع تعديل رمز الـ # بإسم القسم الذي تريد

هذه هي اهم الإعدادات والتنسيقات وتجربه موفقة بإذن الله 

و السلام عليكم و رحمة الله .