شريط آخر الاخبار او التحديثات بتأتير جميل حصريا لموقعك او مدونتك

انشاء الله متابعي ومتابعات مدونة إنسانية نملة

بعد تجارب شخصية ومجهودات فردية طبعا بفضل الله تعالى توصلت الى كود شريط الاخبار او التحديثات بتاثير جميل جدا

خصيصا لمدونتك او موقعك

شرح الطريقة

 

ما عليك سوى ان تقوم بلصق الكود التالي في المكان الذي تريد ان يظهر فيه الشريط

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script>
<script>
var lastnews=[];
lastnews[0]="تمت اضافة اثباتات دفع اخرى من موقع NubaSpace";
lastnews[1]="تمت اضافة اثباتات دفع اخرى من موقع GoldTasks";
lastnews[2]="تمت اضافة اثباتات دفع اخرى من موقع GrabPoints";
lastnews[3]="تم تحديث صفحة اثباتات الدفع";
lastnews[4]="تمت اضافة اثباتات دفع اخرى من موقع CashSignups";
lastnews[5]="تمت اضافة اثبات دفع رابع من موقع WorldWideGPT";
lastnews[6]="تمت اضافة قسم خاص باخر اثباتات الدفع";
lastnews[7]="تمت اضافة العديد من اثباتات الدفع من موقع MicroSignups";
lastnews[8]="تمت اضافة اثباتين للدفع لموقع Adflares";
lastnews[9]="تم اضافة زر تحديد الكل لتسهيل عملية نسخ الاكواد";
lastnews[10]="قم باضافة موقعك الى مدونتنا مجانا";
var i=-1;
function startnews() {
$(document).ready(function(){
        $("#news").slideUp();
        setTimeout(function(){  document.getElementById('news').innerHTML=lastnews[i]; }, 500);
        $("#news").slideDown();
        if (i==(lastnews.length-1)){i=0}else {
        i++;}
});
}
setInterval(function(){ startnews(); }, 4000);
</script>
<a href="//astuce-hassoubi.blogspot.com" style="displya:none;">حاسوبي astuce</a>
<style>
.alllnews {position:fixed;margin-right:1px;transition:.5s;overflow:auto;height:auto;border-top:1px solid #EEEEEE;width:100%;bottom:1px;background:#fff;}
.allnews li:hover {padding-right:5px;transition:.5s;}
.alllnews b{background: #4CAF50; color: #fff; float: right; font-size:16px ; height: 20px; margin-left: 10px; text-align: center; width: auto;padding:10px; position: relative;}
.alllnews #news {padding:10px;margin-left: 10px; text-align: center; width: auto;padding:10px; position: relative;float: right;height:20px;cursor:pointer;font-size:14px;}
</style>
<div dir="rtl" class="alllnews">
<b>آخر الاخبار:</b><a id="news">جاري التحميل...</a>
</div>

 الشريط يحنوي على 10 رسائل يمكنك التحكم به من السلسة المسماة lastnews

مثلا اذ كنت تريد ان تضيف رسالة ما عليك سوى اضافة الكود التالي

lastnews[count]="رسالتك...";

استبدل count برقم الخبر مثلا اخر خبر في الشريط هو 10 اي اذا كنت تريد ان تضيف خبر اخر

استبدل count ب 11

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

width:100%;bottom:1px;background:#fff;

ثم استبدل كلمة bottom ب top
لا تنسى حذف الكود التالي اذا كانت مكتبة الجيكويري مضمافة الى موقعك <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script>

الى هنا انتهى الشرح والسلام عليكم ورحمة الله تعالى وبركاته

تابع إنسانية نملة على الفيس بوك