اضافة صفحات 404 المهمة في مدونات بلوجر

بسم الله الرحمن الرحيم 

اضافة صفحات 404 المهمة في مدونات بلوجر

 اليوم في تدويتنا على مدونة فكرة مبرمج, أحببت أن اضع لكم طريقة وضع صفحة 404 لمدونات بلوجر تظهر للروابط الخاطئه + تصميم هديه لكم ^_^

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

ما هي صفحات 404 ؟

 هي أنه عند الإنتقال إلى رابط خاطئ في مدونتك تظهر الصفحة وما يوجد فيها بإمكانك إستخدام الهتمل ( HTML ), مثلاً هذا الرابط :

www.ahmad-wd.com/404
هو ليس موجود في مدونتي لكن عند الدخول اليه تظهر صفحة خطأ .

شرح اضافة صفحات 404 في بلوجر ؟

• اولاً إذهب الى اعدادات المدونة ثم تفضيلات البحث كما في هذه الصورة :

• ثم ضع الكود الخاص بالصفحة هنا كما في هذه الصورة :

الكود :

<style type="text/css"> #error-404 { border: 20px solid #1B1B1B; border-radius: 240px 240px 240px 240px; height: 240px; margin: 0 auto 40px; text-align: center; transition: all 0.8s ease 0s; width: 240px; } #error-404:hover { border-color: #333; } #error-404 span { color: #FA4C29; font-size: 100px; font-weight: bold; line-height: 240px; } .large-heading { font-size: 48px; line-height: 1.2em; } .light-heading { font-weight: 400; } .status-msg-bg { background-color: transparent; } .sidebar-wrapper, .page-header { display: none; } .main-wrapper { margin-right: 0; } .outer-wrapper { min-height: 0; } .status-msg-border { border: 0 none; } </style> <div id="error-404"> <span>404</span> </div> <h1 class="large-heading" style="text-align: center;"> الصفحة المطلوبة غير موجودة</h1> <h2 class="light-heading" style="text-align: center;"> تأكد من إدخالك للرابط بالشكل الصحيح</h2>