كود جافا سكربت لتركيب شريط إخباري على مواقع الويب والمدونات

 لأصحاب المدونات والمواقع الإلكترونية نقدم لكم كود جافا سكريبت ( شريط إخباري ) أخبار سوريا اليوم 

كود جافا سكربت لتركيب شريط إخباري على مواقع الويب والمدونات 

ضع الكود التالي في المكان الذي تريد أن يظهر به الشريط الإخباري .

بعض المواقع من الممكن وضعه في الأعلى قبل head

الكود : 

JavaScript

<script>

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 = 40; //عدد الأحرف

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>

<!--أخبار سوريا اليوم -->

<script async="" src="https://snn-syria.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=rssticker"></script>  

</div>

<style>

.rssticker{position:relative!important;width:100%;height:60px;overflow:hidden;whie-space: nowrap;text-overflow: ellipsis;margin:10px auto;color:#fff;background:#fff;font-size:16px;float:right; font-family: 'Droid Arabic Kufi'line-height:16px;}

.encabezado{display:inline-block;margin:0 1px 0 0;padding:0 3px;line-right:10px;background:#CD2122;float:right;box-sizing:border-box;}

.rssticker a{color:#f44336;margin:0;padding:3px;float:up;text-decoration:none;}

.rssticker a:hover{text-decoration:none;color:#f44336;}

</style>