شريط آخر الأخبار أو بحسب التسمية لمدونة بلوجر

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

لتركيب هذا الشريط على مدونتك أنتقل إلى لوحة تحكم المدونة / التخطيط / ثم أنقر على إضافة أداة ثم أختر أداة 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(/&quot;/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 = 6; //عدد المواضيع المرغوب ظهورها في الشريط
var retardocaracter = 30; //عدد الأحرف
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>
<!-- التحكم بالتغذية madad2.com -->
<script src='/feeds/posts/default?alt=json-in-script&callback=rssticker' style='text/javascript'></script>
</div>
<style>
.rssticker{position:relative!important;width:100%;height:40px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;margin:10px auto;color:#fff;background:#333;font-size:14px;float:right;font-family:Arial;line-height:40px;}
.encabezado{display:inline-block;margin:0 10px 0 0;padding:0 10px;line-height:40px;background:#cd2122;float:right;box-sizing:border-box;}
.rssticker a{color:#fff;margin:0;padding:3px;float:right;text-decoration:none;}
.rssticker a:hover{text-decoration:none;color:#ccc;}
</style>

نتيجة

يمكنك عرض مشاركات بحسب التمسة من خلال التعديل على رابط التغذية بهذا الشكل /feeds/posts/default/-/add-label
الـ  add-label إستبدلها بأسم التصنيف المرغوب عرضه
كذلك يمكنك التحكم بسرعة الشريط وعدد المواضيع من خلال الأرقام التي تمت الإشارة إليها بالكود

نأمل ان يكون مفيد ويمكن أن نعرف من خلال تعليقاتكم.

مشاركات أقدم المقال التالي
9 تعليق
  • مصطفى العراقي
    مصطفى العراقي 19‏/03‏/2016، 11:25:00 ص

    ناصح ونافع أنت أخي محمد بارك الله فيك وجزاك الله خيراً...
    أدعو لك دائماً بالتمييز والتفوق الى الامام لكي تستفيد وتُفيد"

    • مداد الجليد
      مداد الجليد 19‏/03‏/2016، 9:12:00 م

      وإياك إن شاء الله أخي مصطفى شكرًا لمرورك الطيب

  • غير معرف
    غير معرف 20‏/03‏/2016، 10:50:00 ص

    اخى . الشريط لم يعُد يعمل ما السبب رجاء حل المشكله

    • مداد الجليد
      مداد الجليد 20‏/03‏/2016، 2:38:00 م

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

  • Mohammed Omer
    Mohammed Omer 05‏/05‏/2016، 3:11:00 م

    :d

  • Unknown
    Unknown 08‏/09‏/2016، 10:15:00 م

    Thank you

    • مداد الجليد
      مداد الجليد 09‏/09‏/2016، 11:13:00 ص

      العفو هشام

  • Ammar Alsamer
    Ammar Alsamer 15‏/10‏/2016، 10:46:00 ص

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

    يمكنك عرض مشاركات بحسب التمسة من خلال التعديل على رابط التغذية بهذا الشكل /feeds/posts/default/-/add-label
    الـ add-label إستبدلها بأسم التصنيف المرغوب عرضه

    هذا الشرح لكن لا يعمل الشريط بهذه الطريقة الموجودة في الشرح

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

    a.alsamer85@gmail.com

    • مداد الجليد
      مداد الجليد 15‏/10‏/2016، 11:12:00 ص

      وعليكم السلام
      لابد من استبدال /feeds/posts/default بـ /feeds/posts/default/-/عنوان التسمية هنا
      حتى تعمل بشكل جيد وقد تم تجربة الإضافة فهي تعمل جيدًا يرجى التحقق مرة اخرى من تغييراتك

أضف تعليق
عنوان التعليق