شرح طريقة إنشاء مظهر مخصص لصفحات 404 في بلوجر

شرح طريقة إنشاء مظهر مخصص لصفحات 404 في بلوجر


حصريا علي مدونة عرب تكنولوجي لحلول الويب نقدم لكم شرح طريقة إنشاء مظهر مخصص لصفحات 404 في بلوجر .

للتركيب أضف هذا الكود بعد وسم الفتح <body> مباشرة :

<b:if cond=’data:blog.pageType == &quot;error_page&quot;’>

<style type=”text/css”>

body {

  background: #777 none repeat scroll 0 0;

  color: #fff;

  font-size: 20px;

  line-height: 2em;

  padding: 30px 0;

}

h6 {

  color: #fdd702;

  display: block;

  font-size: 30px;

  font-weight: bold;

  margin: 0;

  padding: 0;

}

.erhomr {

  background-color: #444;

  border: 1px solid #fff;

  box-shadow: 0 0 2px #000;

  color: #fff;

  display: inline-block;

  height: 40px;

  padding: 0 20px;

  line-height:40px;

  text-align: center;

  text-decoration: none;

  transition: all 0.7s ease 0s;

}

.erhomr:hover {background-color: #000; color:#fff;}

</style>

<center>

<!– بداية محتوى الصفحة –>

<img src=”https://lh3.googleusercontent.com/–qV_QKSmy-8/Vg2mqNE7-AI/AAAAAAAAFxM/znKnsbB1a-o/s210-Ic42/sad-smiley-face.png”/>

<h6>صفحة خطأ</h6>

<p>الصفحة التي تبحث (ي) عنها غير موجوده</p>

<a class=”erhomr” href=”/”>الرئيسية</a>

<!– نهاية محتوى الصفحة –>

</center>

</b:if>

<b:if cond=’data:blog.pageType != &quot;error_page&quot;’>

<div class=”cnmu-error-body”>

ثم بعد ذلك قم بإستخدام الكود التالي فوق وسم الإغلاق <body/> مباشرة :

</div>

</b:if>

التنسيقات علي الكود الأول
هذا اللون #777 هو لون خلفية الصفحة ,
و هذا اللون #fdd702 هو لون كلمة صفحة خطأ .
و هذا اللون #444 هو لون زر الرئيسية .
و هذا #000 لون الزر .
عند تمرير الماوس الرابط الوردي هو رابط الصورة الكلام العربية يمكنك التعديل عليه ان اردت القيام بإضافة جمل اضافية و اضف هذا الكود و قم بكتابة ما تريد فيه .

<p>هنا</p>

قم بتكرار الكود كلما تريد سطر زياده .

268 كل المشاهدات 2 مشاهدة اليوم

مواضيع مشابهة قد تعجبك :

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *