اضافة اداة آخر المواضيع المتحرك لمدونات بلوجر

بسم الله الرحمن الرحيم

والصلاة والسلام على اشرف المرسلين

تحية طيبة عطرة وبعد

اضافة اداة آخر المواضيع المتحرك

نلتقي اليوم وموضوع جديد وهو عبارة عن اضافة اداة بلوجر آخر المواضيع المتحرك والذي يضيف جمالية للمدونة

صور الاضافة

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

01 - اذهب الى لوحة تحكم مدونتك

02 - تخطيط

03 - اضافة اداة html/javascript

04 - الصف الكود التالي داخل الاداة واعمل حفظ

<script style='text/javascript'> function rssticker(t){for(var a=0;a<numeroposts;a++){entradas=t.feed.entry[a],titulosposts[a]=entradas.title.$t;for(var e=0;e<entradas.link.length;e++)if("alternate"==entradas.link[e].rel){enlaceposts[a]=entradas.link[e].href;break}}startrssticker()}function startrssticker(){postactual=-1,largoactual=0,enlaces=document.getElementById("enlace"),runticker()}function runticker(){var t;0==largoactual&&(postactual++,postactual%=numeroposts,titulo=titulosposts[postactual].replace(/"/g,'"'),enlace=enlaceposts[postactual],enlaces.href=enlace),enlaces.innerHTML=titulo.substring(0,largoactual),largoactual!=titulo.length?(largoactual++,t=retardocaracter):(largoactual=0,t=retardopost),setTimeout("runticker()",t)} var numeroposts = 10; //عدد المواضيع المرغوب ظهورها في الشريط var retardocaracter = 30; //عدد الأحرف var retardopost = 4000; //التحكم بالسرعة var titulosposts = new Array(); var enlaceposts = new Array(); var entradas = ""; </script> <div class='rssticker'> <span class="encabezado">أحدث المواضيع</span> <a id='enlace'></a> <!-- التحكم بالتغذية kalabani.com --> <script src='/feeds/posts/default?alt=json-in-script&callback=rssticker' style='text/javascript'></script> </div> <style> .rssticker{position:relative!important;width:100%;height:40px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;margin:10px auto;color:#fff;background:#333;font-size:14px;float:right; font-family:'Droid Arabic Kufi'line-height:40px;} .encabezado{display:inline-block;margin:0 10px 0 0;padding:0 10px;line-height:40px;background:#D03F42;float:right;box-sizing:border-box;} .rssticker a{color:#fff;margin:0;padding:3px;float:right;text-decoration:none;} .rssticker a:hover{text-decoration:none;color:#08ffff;} </style> 

التعديل على الاضافة

01 - لتغير اللون الاحمر الخاص ب العنوان احدث المواضيع : #D03F42

02 - لتغير اللون الاسود الخاص بالخلفية : #333

03 - لتغير لون الكتابة الابيض : #fff

04 - احفظ العمل ومبروك عليك الاضافة

بالتوفيق للجميع