السلام عليكم و رحمة الله و بركاته ، الصعوبة الرئيسية التي تواجه مصممي المواقع وبلوجر هوجعلها متوافقة مع جميع المتصفحات والكثيرمن المدونين يشكون من مظهر مدوناتهم و ظهورها بشكل غير منظم على المتصفح أنترنت إكسپلورر6 ، 6 Internet Explorer و الذي يعطي للمدونة مظهراغير ملائم مما يجعل زائر المدونة يقوم بالخروج بسرعة مهما كانت أهمية هذه المدونة ،والان لقد أتيت لكم بالحل الأمثل لهذه المشكلة ،حيث يتم إدراج رسالة في أعلى المدونة تدعو الزائر بتحديث المتصفح القد يم بأحد المتصفحات الجديدة :فايرفوكس،أنترنت إكسبلورر8،سفاري،أو جوجل كروم.حسب الرغبة حيث أن هذه الرسالة تظهر فقط عند أصحاب المتصفح القديم أنترنيت إكسبلورر 6 ولا تظهر عند أصحاب أحد المتصفحات الجديدة السابقة ذكرها.وللمعاينة قبل تطبيق هذه الإضافة إلى مدونتك ،أدخل إلى مدونتي بالمتصفح القديم و سوف ترى الرسالة تظهر فوق المدونة كما في الصورة
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).
تذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.
أنتظر تشجيعاتكم
تذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.
ثم ضع الكود التالي تحته مباشرة .]]></b:skin>
أخيرا قم بحفظ القالب و إذهب للمعاينة, حيث يجب عليك إستعمال متصفح قديم مثل أنترنت إكسبلورر 6 لترى الرسالة فوق مدونتك<!--[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]-->
أنتظر تشجيعاتكم
شارك هذه الصفحة :
|
0 التعليقات:
إرسال تعليق