في موضوع سابق تكلمنا عن انشاء صفحات الخطأ واعادة توجيهها , لكن هذا كان يتضمن من يرغب ان يكون لديه صفحة مخصصة ينشئها داخليا في بلوجر ويضيف بها اضافات وما الي هذا اما من يحبون البساطة هناك طريقة أخرى وهي عمل مظهر مستقل لصفحة الخطأ داخل القالب نفسه كلا الطريقتين تفيان بالغرض لكن لكي تتمل الفائده احببت ان اشرح لكم الطريقة الأخرى وأعددت لكم مظهر بسيط وساوضح طريقة تركيبه والتعديل عليه
هذا هو الشكل المبسط للنموذج
للتركيب قم بإضافة الكود التالي بعد وسم الفتح <body> مباشرة
<b:if cond='data:blog.pageType == "error_page"'>
<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 != "error_page"'>
<div class="cnmu-error-body">
ثم استخدم الكود التالي فوق وسم الإغلاق </body> مباشرة
</div>تنسيقات على الكود الأول
</b:if>
هذا اللون #777 هو خلفية الصفحة
هذا اللون #fdd702 هو لون كلمة صفحة خطأ
هذا اللون #444 هو لون زر الرئيسية
وهذا #000 لون الزر عند تمرير الماوس
الرابط الوردي هو رابط الصورة
الكلام العربي يمكنك تعديله
ان اردت اضافة جمل اضافية اضف هذا الكود واكتب ما تريد فيه
كرر الكود كلما اردت سطر اضافي
No comments:
Post a Comment