كيفية إضافة نص في أعلى المدونة infobar

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

معاينة انظر الصورة أسفله :

خطوات التركيب :

اذهب إلى :

Blogger   > layout  > add widget > javascript

الان ضع في الاطار هذا الكود :

 <div id="infobar" style="padding:4px 4px 4px 4px;position:fixed;z-index:999;left:0px;top:-100px;width:100%;border-bottom:1px solid #000000;background-color:#FFFFF0"><a href="javascript:closeInfoBar()"><img src="icon_close.gif" style="width: 14px; height: 14px; float: right; border: 0; margin-right: 5px" /></a><span style="color:#0000FF;font-size:16px;font-family:Arial;font-weight:bold;font-style:normal;text-decoration:none;padding:0px 0;">لزيارتنا مرة ثانية أكتب في غوغل كلمة DZOFFERZ</span>
</div><script type="text/javascript">function showInfoBar(){   var infobar = document.getElementById("infobar");   var top = parseInt(infobar.style.top);   if (top < 0)   {      top += 5;      infobar.style.top = top+"px";      setTimeout(function(){showInfoBar()}, 50);   }   else   {      if (document.all && !window.XMLHttpRequest)         infobar.style.setExpression("top", 'document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px" : body.scrollTop+"px"');      else         infobar.style.top = 0;   }}function closeInfoBar(){   document.getElementById("infobar").style.display = "none";}function initInfoBar(){   var docWidth = 800;    if (typeof window.innerWidth != 'undefined')   {      docWidth = window.innerWidth;   }   else   if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0)   {      docWidth = document.documentElement.clientWidth;   }   else   {      docWidth = document.getElementsByTagName('body')[0].clientWidth;   }  // document.getElementById("infobar").style.width = "100%";    var height = parseInt(document.getElementById("infobar").offsetHeight);   document.getElementById("infobar").style.top = height*(-1)+"px";     showInfoBar();}initInfoBar();</script>

يمكنك تخصيص الكود كما تشاء من ألوان و نوع الخط و أيضا تغيير محتوى الرسالة :

لزيارتنا مرة ثانية اكتب في غوغل dzofferz

أما للتحكم في عرض الرسالة فكما موضح في الكود تجد

width:100%;

قم بتغيير القيمة كما تشاء الى.
تحميل الكود من هنا

تم بفضل الله