دعوة الزوار بتحديث المتصفح Internet Explorer أو تبديله بآخر جديد

عدد مشاهدات الموضوع:
السلام عليكم و رحمة الله و بركاته ، الصعوبة الرئيسية التي تواجه مصممي المواقع وبلوجر هوجعلها متوافقة مع جميع المتصفحات والكثيرمن المدونين يشكون من مظهر مدوناتهم و ظهورها بشكل غير منظم على المتصفح أنترنت إكسپلورر6 ، 6 Internet Explorer و الذي يعطي للمدونة مظهراغير ملائم مما يجعل زائر المدونة يقوم بالخروج بسرعة مهما كانت أهمية هذه المدونة ،والان لقد أتيت لكم بالحل الأمثل لهذه المشكلة ،حيث يتم إدراج رسالة في أعلى المدونة تدعو الزائر بتحديث المتصفح القد يم بأحد المتصفحات الجديدة :فايرفوكس،أنترنت إكسبلورر8،سفاري،أو جوجل كروم.حسب الرغبة حيث أن هذه الرسالة تظهر فقط عند أصحاب المتصفح القديم أنترنيت إكسبلورر 6 ولا تظهر عند أصحاب أحد المتصفحات الجديدة السابقة ذكرها.وللمعاينة قبل تطبيق هذه الإضافة إلى مدونتك ،أدخل إلى مدونتي بالمتصفح القديم و سوف ترى الرسالة تظهر فوق المدونة كما في الصورة


انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).
تذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.
]]></b:skin>
ثم ضع الكود التالي تحته مباشرة .
<!--[if lt IE 7]>
<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
<div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>
<div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
<div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>
<div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
<div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>إنك تستخدم متصفح قديم.</div>
<div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>لتصفح أفضل من هذا البلوج المرجو إختيار المتصفح الأحدث حسب رغبتكم.</div>
</div>
<div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>
<div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
<div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>
<div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
</div>
</div>
<![endif]-->
أخيرا قم بحفظ القالب و إذهب للمعاينة, حيث يجب عليك إستعمال متصفح قديم مثل أنترنت إكسبلورر 6 لترى الرسالة فوق مدونتك
أنتظر تشجيعاتكم

هناك 7 تعليقات:

  1. غير معرف11:03 م

    موفق بإذن الله

    ردحذف
  2. أضافة جميلة جدا ومفيدة
    مشكور ...

    ردحذف
  3. جاري التطبيق يا كبير المدونين ^^

    ردحذف
  4. السلام عليكم


    جربتها على المدونة التالية لكنها لم تعمل,

    http://old-ourfavorite.blogspot.com/

    هل من نصائح؟

    ردحذف
  5. @حسـين بــلال
    أهلا أخي حسين ،إن هذه الأداة تظهر فقط عند إستعمال المتصفح IE6

    ردحذف
  6. غير معرف6:16 ص

    b-( اضافة جميلة جدا

    ردحذف
  7. شكرا لك على المجهود

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية