لأصحاب المدونات والمواقع الإلكترونية نقدم لكم كود جافا سكريبت ( شريط إخباري ) أخبار سوريا اليوم
ضع الكود التالي في المكان الذي تريد أن يظهر به الشريط الإخباري .
بعض المواقع من الممكن وضعه في الأعلى قبل <head>
الكود :
<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&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>
من الأفضل أخذ نسخة احتياطية من القالب قبل إضافة الكود
المشاركات
.webp)
.webp)
