شريط آخر المواضيع بطريقة جميلة ورائعة مع امكانية التعديل عليه

مرحبا بالجميع

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

هكذا يبدو الشريط

طريقة التركيب

إذهب إلى لوحة تحكم مدونتك ثم بعد ذلك تخطيط ثم اختر إضافة أداة ثم أختر أداة "HTML/JavaScript"
كما في الصورة

ثم الصق الكود التالي داخل المربع

<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="https://achamel-ts.blogspot.com/feeds/posts/default?alt=json-in-script&callback=cnmuAdvRecentPostsScrollerv3&max-results=50" ></script>
<div style='clear: both;'></div>
</div>

ملاحظة مهمة: لاتنسى ان تقوم بتغيير رابط https://achamel-ts.blogspot.com برابط مدونتك

- اذا كنت تريد تغيير شكل وسرعة الشريط وغيره... هذه هي اهم الإعدادت قم بتغييرها بما يناسبك:
الرقم 80 هو سرعة الشريط كلما قل كلما كان اسرع كلما زاد اصبح بطئ
ان اردت فتح الروابط في نفس الصفحة استبدل هذه الكلمة yes بهذه no
هذا 10 هو عدد الموضوعات
هذا #fff لون خلفية الشريط البيضاء
هذا #008EFA لون خلفية كلمة آخر الأخبار والتي يمكنك تغييرها هي الأخرى
وهذا #fff هو لون خط كلمة آخر الأخبار
الرابط الزهري هو صورة جديد يمكنك استبداله برابط صورة أخرى
هذا 008EFA هو لون الروابط ملحوظة لا نضيف للون هنا رمز #
هذا CD0317 هو لون الروابط عند تمرير الماوس وايضاً لا نضيف له الرمز #
هذا tahoma هو نوع الخط يمكنك استبداله بخط آخر مخصص
الرقم 14 هو حجم الخط الاول خاص بكلمة آخر الأخبار والثاني خاص بالروابط
هذا 30 هو بعد الخط من الاعلى للكملة وهذا 28 للروابط

- اتمنى ان ينال اعجابكم