إضافة شريط أخبار إحترافي لمدونات بلوجر

شريط الأخبار News Ticker

السلام عليكم ورحمة الله وبركاتة مرحبا بكم في مقال جديد من قسم بلوجر

مقدمة إفتتاحية

بسم الله الرحمن الرحيم في مقال اليوم نقدم لكم إضافة هامه لجميع مدوني بلوجر شريط الأخبار متجاوب تماما و قابل للتعديل حتى لمن يملكون القليل من الخبرة تسمح إضافة شريط الأخبار News ticker للمدونين بعرض النص المتحرك على أي صفحة في المدونة , يتم إستخدامها لعرض الأخبار المهمة أو أي تحديثات أو معلومات تتعلق بالمدونة.

كيفية تركيب الإضافة:

إذهب إلى التنسيق
إضافة أداة جديدة 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:#2388dc;float:right;box-sizing:border-box;}

.rssticker a{color:#333;margin:0;padding:5px;float:right;text-decoration:none;}

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

</style>

تعديلات الكود:

رقم 7 = عدد الموضوعات في الشريط الإخباري
رقم 100 = عدد الحروف
رقم 1 = التحكم بالسرعة

إلى اللقاء في مقال وإضافة جديدة

سكيتشوير بالمصري

القائمة الرئيسية

الصفحات

إضافة شريط أخبار إحترافي لمدونات بلوجر

مقدمة إفتتاحية

كيفية تركيب الإضافة:

كود شريط الأخبار:

تعديلات الكود:

أخر المواضيع من قسم : بلوجر

تعليقات

إرسال تعليق