الرئيسية كود اخر الموضيع متحرك

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

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

طريقة التركيب للمدوناتلاضافة الاداة اتبع الشرح التالى :

اذهب الى لوحة التحكم الرئيسية ثم اختر تخطيط ثم اختر اضافة الاداة

HTML/JavaScript 

HTML/JavaScript


<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 = 7;   
var retardocaracter = 100;   
var retardopost = 1;   
var titulosposts = new Array();
var enlaceposts = new Array();
var entradas = "";
</script>
<div class='rssticker'>
<span class="encabezado">أحدث المواضيع</span>
<a id='enlace'></a>
<script src='/feeds/posts/default?alt=json-in-script&callback=rssticker' style='text/javascript'></script>
</div>
<style>
.rssticker{position:relative!important;width:100%;height:30px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;margin:0 auto;color:#fff;background:#fff;font-size:14px;float:right; font-family: 'Droid Arabic Kufi'line-height:40px;}
.encabezado{display:inline-block;margin:0 0 0 10px;padding:0 10px;line-height:30px;background:#8874ab;float:right;box-sizing:border-box;}
.rssticker a{color:#38a3b6;margin:0;padding:5px;float:right;text-decoration:none;}
.rssticker a:hover{text-decoration:none;color:#8874ab;}
</style>

بعد ذلك سوف نعدل على بعض الاشياء من خلال اختيار اللون الذي يناسبنا.

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

الالوان التي سوف تظهر معنا هي الازرق والموف  ولكن يمكن تغيير هذه الالوان من خلال تغيير كود الالوان .

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

سوف اضع لكم بعض الاكواد لبعض الالوان 

FFFFFF  الابيض 

e53935  الاحمر 

ec407a الزهري 

42a5f5 الازرق الفاتح 

بقلم المهندس كمال خضر

مبرمج متخصص

ليست هناك تعليقات:

الاشتراك في: تعليقات الرسالة (Atom)