إبحث في هذه المدونة

كيفية انشاء صفحة خطأ (404) بشكل مستقل

تعتبر صفحة خطأ من الصفحات الأساسية في بلوجر، لانها تقوم بمسك الزوار وعدم تركهم يغادروا مدونتك وبقاء فيها اطول مدة، وذلك باعادة توجيه الزائر من الروابط المحذوفة او التي بها مشكلة الى الصفحة الرئيسية للمدونة، وبالتالي يحسن هذا من ترتيب مدونتك وبقاء زوار اطول مدة، كما انك تستطيع تخصيصها حسب ما تريد، كي لا اطيل عليكم الى طريقة اضافة صفحة خطاء (404) الى مدونة بلوجر، الى الشرح.
انشاء صفحة خطأ
انشاء صفحة خطأ

كيفية انشاء صفحة خطأ بشكل مستقل:

1- قم بدخول لمدونتك > المظهر (القالب) > تحرير html.
2- قم بالبحث عن:
<body>
3- بعدها قم باضافة الكود التالي اسفله:
 <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
body {
  background: #ff642f;
  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;
  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;
  margin-top: 10px;
}
.erhomr:hover {background-color: #000; color:#fff;}
</style>
<center>
<!-- بداية محتوى الصفحة -->
<img src='https://www.e-monsite.com/medias/images/page404-1.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'>
4- قم بالبحث عن:
 </body>
5- واضف الكود التالي فوقه:
</div>
</b:if>

في أخير إحفظ القالب ويمكنك معاينة الصفحة عن طريق إضافة الكود التالي بعد اسم مدونتك
/A.JOO
حتى يصبح رابط على شكل التالي  http://mo3awinz.blogspot.com/AJOO بعدها اضغط enter وشاهد النتيجة.
اذا صادفتك اي مشكلة يمكنك تركها في تعليق وسنرد عليك وحل مشكلتك بإذن الله في اقرب وقت.
كما يمكنك تغير اي شيء تريده على الكود الأول من لون خلفية الصفحة و لون كلمة صفحة خطأ، و ايضا لون زر الرئيسية
كما يمكنك اختيار صورة التي تناسبك وذلك بتغير الرابط الصورة برابط صورة التي تعجبك.
كان هذا كل شيء اتمنى ان تنال اعجابكم، سلام.

ليست هناك تعليقات:

إرسال تعليق