السلام عليكم إخواني أخواتي متتبعي مدونتنا الكرام مرحبا بكم أحبابي في هذه التدوينة الجديدة الخاصة ببلوجر و التي من خلالها سوف أعطيكم طريقةإضافة صفحة الخطأ مثل التي تشاهدونها في المعاينة لكن قبل كل شيء أحببت أن أعلمكم أننا وصلنا إلى 900ألف في الترتيب و هذا كله بفضلكم و بفضل الله شكرا لكم
- إفتح بلوجر و قم بالذهاب إلى المظهر
- ثم إلى تحرير HTML
- إضغط على CTRL + F و إبحث عن الوسم التالي
</b:skin
- قم بلصق الكود التالي أعلاه مباشرة
/*=====================================
= صفحة الخطأ
=====================================*/
.page{padding-top:50px;width:100%;height:100vh;background:#0D0C1E;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.3);position:relative}.error .wrapper{display:none}.page img{width:100%;height:95vh;z-index:1;transform:scale(1.1);opacity:.2}.errortext{position:absolute;left:0;right:0;text-align:center;top:25%;z-index:2;color:#CDD4DE}.errortext h1{font-weight:900;font-size:165px;line-height:1;opacity:.6}.errortext h2{font-weight:700;font-size:34px;margin-bottom:6px}.errortext p{font-weight:300;font-size:14px;opacity:.7}.errorlink{text-align:center;position:absolute;bottom:5%;z-index:2;width:100%}.errorlink a{font-weight:300;font-size:12px;text-transform:uppercase;border:1px solid #CDD4DE;padding:8px 14px;border-radius:4px;opacity:.4;color:#CDD4DE;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}.errorlink a:hover{background:#c25b7c;opacity:1}
.toogle_menu{display:none}ul.nav-menu li a, .close_menu{color: #fefefe;}
.toogle_menu:hover, .toogle_menu {color:#212121;}
- بعد ذالك إبحث عن الوسم التالي
<body
- وقم بلصق الكود التالي أسفله مباشرة
<!-- صفحة الخطأ --><b:if cond='data:blog.pageType == "error_page"'><div class='page'><div class='errortext'><h1>404</h1><h2>الصفحة غير موجودة</h2><p>الصفحة التي تبحث عنها غير موجودة، أو تم حذفها</p></div><div class='errorlink'><a href='/'>العودة للرئيسية</a></div><img src="https://blogger.googleusercontent.com/img/proxy/AVvXsEhrlszzxEGnHngph5u6RuuACY4f7FnmeDU2PDAdlC-QiEDh8VUMEIMPrIrAyj7HsqbJhNfCC3WempylgxuDUSoXNbrV4R_hVjsWgZRDFCgKjGnzYU9moGuYYxS1iBIAgEqDt54lU57O8w=s0-d"></div></b:if>
- قم بتغيير الرابط المحدد باللون الأحمر برابط الصورة التي تريد وضعها في الخلفية
- و قم بحفظ العمل و مبروك عليك الإضافة
ليست هناك تعليقات:
إرسال تعليق