كيفية إنشاء صفحة خطأ بشكل مستقل لمدونة بلوجر

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

كيفية إنشاء صفحة خطأ بشكل مستقل لمدونة بلوجر

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

* اولا اتجه الى لوحة تحكم مدونتك.

* بعدها الى المظهر (القالب).

* ثم اضغط على سهم جنب كلمة تخصيص.

* بعدها اختر تحرير html.

* الان اضغط داخل صندوق اكواد وقم بضغط على Ctrl + F من لوحة مفاتيح كمبيوتر.

* سيظهر لك مربع بحث قم بالبحث عن هذا الكود التالي.

<body>

بعدها قم باضافة الكود التالي اسفله.

<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'>

* بنفس الطريقة أعد البحث عن الوسم التالي.

</body>

بعد عثورك عليه اضف الكود التالي فوقه.

</div>

</b:if>

وفي أخير إحفظ القالب. الان يمكنك معاينة الصفحة عن طريق إضافة الكود التالي بعد اسم مدونتك.

/404

حتى يصبح رابط على شكل التالي www.mo3awin.com/404 بعدها اضغط enter وشاهد النتيجة.

كان هذا كل شيء وفي حال اذا ما صادفتك اي مشكلة يمكنك تركها في تعليق وسنرد عليك وحل مشكلتك بإذن الله في اقرب وقت. او يمكنك اتصال بنا على صفحتنا على الفيسبوك.


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

تعليقات