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

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

انشاء شريط اخر الاخبار. / كيفيه انشاء شريط اخر الاخبار لمدونات بلوجر بشكل احترافي. / الطريقه الصحيحه لانشاء شريط اخر الاخبار / بشكل جذاب ومتجاوب مع الشاشه الذكيه.
بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه ومن تبعه بإحسان إلى يوم الدين. أما بعد مرحبا بكم احبتي متابعي مدونة مستر احمد تك  للمعلوميات والتقنيات. اليوم انشاء الله سوف اشارك معكم افضل واسهل طريقه لاضافة و اظهار شريط اخباري متحرك المدونات بلوجر. متجاوب مع الشاشات الذكيه وسريع كذلك. ولكن قبل ان نبدا اخي اختي في انشاء هذا الشريط والذي لا يحتاج منك الا خطوه واحده.  اريد ان اعلمك بانه يشتغل على دومين الخاص جوجل Blogspot بمعنى الدومين المستضعف وقد جربته على الدومينات المدفوعه مثل net / com / … و لكن لا يعمل و ربما يعمل بطريقة بطيئة جدا.

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

 هناك العديد من المدونين يضعون  شريط متحرك في المدونة سواء كانت مدفوعة او خاصة بشركة التي انشأت من هي المدونة.
وهذه الاداة التي سوف نقدمها لكم اليوم مجانا ستكون مثل شريط اخباري شبه بما تراه في القنوات الاخبارية والذي يمر عليه جميع المواضيع
اليومية ، وهذا  الشريط في الحقيقة يكون مهما ويجب عليك وضع في مدونتك وهو يمكن الزائر من الاطلاع على جميع الاخبار التي يتم
نشرهافي المدونة او اي قسم تختاره انت وليس بالضروري ان يكون قسم الاخبار.
 وبالنسبت ليشريط اخر الاخبار المتحركة  فهناك العديد من والتي تتوفر على مميزات و الوان و اشكال غايه في الروعة. و كلها في الحقيقة
جميلة و رائعة جدا. وغالبا تكون بقياس صغير ومتناسق مع المدونة الذي تنشر عليها الاخبار من خلال هذا الشريط.  ولكن التي تكون اجمل
واحسن وافضل هي التي تكون اسهل في التركيب والتعديل دون الدخول الى تحرير html. وهذا ما سوف مسرح لكم اليوم باذن الله في
هذه المدونة مدونه مستر احمد والتي قدمت دروس حول بلوجر وما زالت تقدم دروس بلوجر السهلة  والمعقدة ايضا ، طريقه تركيب شريط اخر
الاخبار المتحرك يحتاج منك خطوة واحدة فقط مع تغيير رابط الموقعي الى رابط موقعك ومبروك عليك شريط الاخبار المتحرك.
 اضافة  شريط اخر الاخبار المتحرك بطريقة احترافية وسهلة : 
كيفية إضافة شريط آخر الأخبار متحرك بطريقة احترافية وسهلة
كيفية إضافة شريط آخر الأخبار متحرك بطريقة احترافية وسهلة 


يجب عليك الدخول الى لوحه التحكم بلوجر ومن ثم التخطيط وتقوم باضافه اداه HTML/JavaScript في المكان الذي تريد اظهار فيه
شريط اخر الاخبار كمتا ترى في الصورة اعله.
تم تقوم بوضع الكود اسفله داخل اداة HTML/JavaScript ثم تقوم بالحفظ ومبروك عليك شريط اخر الاخبار.

<style>#cnmunewasbar {  background: #fff ;
  box-shadow: 0 0 1px #777;
  height: 30px;
  width: 100%;
}
.cnmunbtile {
  background:#
  box-shadow: 0 0 1px #777;  height: 30px;  width: 100%;}.cnmunbtile {  background:#  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";//contnuevar _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="https://mrahmed-tech.blogspot.com/feeds/posts/default?alt=json-in-script&callback=cnmuAdvRecentPostsScrollerv3&max-results=50" ></script><div style='clear: both;'></div></div>

ان اردت تحميل الاكواد من هتا

اذا ترغب في تعيدل على الكود :


غير رابط المدونة برابطك الشخصي : https://mrahmed-tech.blogspot.com
#fff  : هذا هو لون الخلفية الخاص بشريط الاخبار 
 #008EFA  : هذا هو لون خلفية كلمة آخر الأخبار 
#fff :  لون خط كلمة آخر الأخبار
الرابط الزهري هو صورة جديد يمكنك استبداله برابط صورة أخرى بمتداد GIF
 008EFA  : لون الروابط الظاهرة
هذا CD0317 : لون الروابط عند تمرير الماوس
tahoma :  نوع الخط 
14 : حجم الخط الاول 
30 هو بعد الخط من الاعلى للكملة 


اقرأ أيضا :

شرح كيفية اضافة سلايدر شو slideshow بلوجر متجاوب مع الشاشات الذكية

ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

الاسمبريد إلكترونيرسالة