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

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

شريط الأخبار متجاوب تماما و قابل للتعديل حتى لمن يملكون القليل من الخبرة في Css.

معاينة :

قمت بتركيب الإضافة على قالب سيو بلس كمثال للإستعمال.

معاينة

كيفية إضافة شريط آخر الأخبار /آخر المواضيع :

إذهب إلى قسم التنسيق "Layout" في مدونتك وقم بإضافة آداة 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>

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

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

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

فوائد شريط الأخبار  News Ticker:

يمكن أن تقدم مؤشرات الأخبار العديد من الفوائد لموقع الويب الخاص بك ، بالإضافة إلى أولئك الذين يزورون موقعك تتضمن بعض أبرز المزايا المرتبطة بوضع شريط أخبار على الصفحة الرئيسية ما يلي:

• مشاركة المعلومات ذات الصلة ، مثل حالات الطوارئ أو أي أخبار قيمة أخرى يهتم زوار الموقع بمعرفتها.
• يلفت الانتباه ، ليس فقط إلى المعلومات التي تقدمها، ولكن إلى موقع الويب نفسه.
• طريقة سريعة وسهلة لزوار الموقع للحصول على المعلومات.
• تعزيز مصداقية موقعك ، حيث تشارك المعلومات القيمة التي يجدها رواد موقع الويب مفيدة ، وبالتالي يجعل الموقع مصدرًا قيمًا.
• تحسين التفاعل الذي يتمتع به الزوار مع موقعك على الويب أو مدونتك.

عيوب أشرطة الأخبار News Ticker:

في حين أن هناك فوائد محددة مرتبطة بأشرطة الأخبار ، مثل كل شيء ، هناك أيضًا بعض العيوب. تتضمن بعض سلبيات استخدام شريط شريط على موقع ويب ما يلي:

• جعل الموقع يبدو مشغولاً "ممتلئ" للغاية.
• صرف انتباه الزائرين عن المعلومات الأخرى ذات الصلة التي يحتوي عليها الموقع.

أتمنى أن تكون الإضافة قد أعجبتك أي سؤال يمكن طرحه في التعليقات .

زورونا مجددا لكل جديد.