إضافة صفحة الخطأ الشكل الثاني

إضافة صفحة الخطأ الشكل الثاني

يوجد الآن مشاهدة التعليقات : 7

الموضوع

اقرأ ايضًا

التعليقات

عن الكاتب

تعليمات

مع الشكل الثاني من إضافة صفحة الخطأ لقوالب بلوجر بتصميم لطيف وأنيق يجمع أيقونات الشبكات الإجتماعية... ما فائدة صفحة الخطأ؟
تدور اهمية صفحة الخطأ حول كسب المزيد من الزوار من عناكب البحث أيضا, بدون خروجهم من الموقع في حالة اتباعهم لرابط خاطئ. ادا اتبع زائر رابط صفحة قمت بحذفها، ما يعني انه اتبع رابط صفحة غير موجودة ولذالك سيتم عرض صفحة الخطأ. تخيل معي لو كنت مكان ذلك الزائر وظهرت لك صفحة خطأ فارغة ولا تحتوي على اي رابط، مادا ستكون ردة فعلك؟ ستكون العودة الى الوراء بإستعمال زر العودة الى الصفحة السابقة في المتصفح، اما في حالة كانت صفحة تحتوي على روابط الى صفحة الرئيسية واهم الاقسام في الموقع او تحتوي على مربع بحث، فهدا سيمنح للزائر ثلاث خيارات اخرى وسيزيد من فرص دخول الزائر الى الموقع
شرح طريقة التركيب
1. توجه لقالب >> تحرير
2. ابحث بإستعمال CTRL+F عن <head> ثم ضع أسفله بسطور الكود التالي
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
    <title>الصفحة غير موجودة ~ <data:blog.title/></title>
    </b:if>
3. ابحث عن </head> وضع الكود التالي فوقه
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
.sidebar,.ct-wrapper, .header-wrapper, #header, #post-wrapper, #outer-wrapper, #footer-wrapper, #credit,.topwrapper,::-webkit-scrollbar,#tabber-wrapper,#GoToDown,.banner,.topwrapper{display:none!important;margin:0;padding:0;overflow:hidden;}

#error-page{background-color:#142D3A;position:fixed!important;position:absolute;text-align:center;top:0;right:0;bottom:0;left:0;z-index:99999}
#error-inner{margin:11% auto}
.box-404{position:relative;font-weight:bold;width:700px;height:210px;color:#fff;margin:0 auto;}
#error-inner h2{text-transform:uppercase;color:#fff;font-size:50px;margin:0 auto 20px;font-family:Electrolize,ge_ss_tvbold;background-color:#34647E;margin:5px}
#error-inner h1{text-transform:uppercase;color:#FFB616;padding-top:10px;font-family: droid arabic kufi;
font-weight: 600;}
#error-inner p{line-height:0.7em;font-size:15px;color:#999;font-family: droid arabic kufi;
font-weight: normal;}
#social-icons li{float:left;width:147px;height:147px;margin:10px 6px 6px 0;padding:0 0 0 0;border-bottom:none;list-style:none}
#social-icons li a{line-height:1px;display:block}
#social-icons li a:hover img{-webkit-opacity:0.8;-moz-opacity:0.8;opacity:0.8}
#social-icons li a span{display:none!important}
</style>
</b:if>
<link href='//cdn.jsdelivr.net/darfonts/0.1/tv-tha-tye-wide/stylesheet.css' rel='stylesheet'/>
4. ابحث عن <body> ضع الكود الأتي أسفله
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='error-page'>
<div id='error-inner'>
<h2> الصفحة غير موجودة : 404</h2>
<h1>نعتذر إن لم تجد ما تبحث عنه</h1>
<p>بإمكانك العودة لصفحة الرئيسية<br/><br/> الصفحة الرئيسية <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> تابعنا على الشبكات الإجتماعية</p>
<div class='box-404'>
<ul id='social-icons'>
<li class='rss-icon'><a href='#' target='_blank'><img height='147' src='http://1.bp.blogspot.com/-0M62-Stfcdc/Ud1ZFcVvCRI/AAAAAAAABuY/9_o8SRGny8U/s1600/rss.png' width='147'/></a></li>
<li class='twitter-icon'><a href='#' target='_blank'><img height='147' src='#' width='147'/></a></li>
<li class='facebook-icon'><a href='#' target='_blank'><img height='147' src='http://1.bp.blogspot.com/-ReX8Fx2MrOk/Ud1ZFBIvvSI/AAAAAAAABuI/hX1cGTGVWZ0/s1600/facebook.png' width='147'/></a></li>
<li class='google-icon'><a href='#' target='_blank'><img height='147' src='http://3.bp.blogspot.com/-9gpsltkgVP0/Ud1ZFcm_cyI/AAAAAAAABuM/0u5oe5uRmuQ/s1600/google.png' width='147'/></a></li>
</ul>
</div>
</div></div></b:if>
ضع بدل # الروابط للمواقع الإجتماعية وقم بالحفظ
تدوينة مشابهة
إضافة صفحة الخطأ لقوالب بلوجر الشكل الأول
ملحوظة:

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻

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

  1. شكرأ لك يامبدع

    ردحذف
  2. اضافة رائعة جداااا :lv
    يا اخي ممكن الموك اب المستعمل في الصورة
    http://im85.gulfup.com/2au5AH.png
    ارجو الرد علي سؤالي :)

    ردحذف
    الردود
    1. تفضل : http://www.gulfup.com/?zUzUTf
      من فضلك المرة المقبلة إكتفي بتعليق واحد ولا تكرره .

      حذف
  3. يا اخي انا استعمل فلاشة ولاكن عندما اكتب التعليق لايظهرشئ فاظن انه لم يرسل ارجوووك سامحني
    :lv

    ردحذف
  4. حسام بعتلك رسالة ع الفيس شوفها ضروري ورد علي

    ردحذف
  5. السلام عليكم

    أخي لديك خطأ في

    ردحذف
    الردود
    1. عليكم السلام أخي لم يظهر الكود الذي حاولت كتابته لذا أنصح بتحويله في المرة القادمة من هنا :
      http://www.ar1web.com/p/convert-codes-google-adsense.html
      على العموم قد تم تحديث الإضافة يمكنك المحاولة مرة اخرى

      حذف

عن الكاتب :

إرشادات

    تحميل الملفات

    نستخدم بمدونتنا مواقع مختلفة في رفع الملفات ونوفر منها إثنان:
  • موقع : Mediafire
  • موقع :file-upload
  • باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
  • تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
  • كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
  • إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
  • أين تجدنا؟

    بعيدا عن الصفحات المزورة أو المزيفة التي يحاول البعض من خلالها استغلال جهود فريق عمل عرب ويب، هذه هي حساباتنا وصفحاتنا الرسمية في الشبكات الاجتماعية، لا نمتلك سوى هذه الصفحات والحسابات وهي الوحيدة التي تتبع للمدونة : https://www.instagram.com/ar1web

    كلمة الختام

    في مدونة عرب ويب نسعى دوما جاهدين للتحسن والتقدم وليس ما تراه هو حدودنا! ونحن نقدر كثيرا زوارنا وآراؤهم فإن كان لديك أي اقتراح/نصيحة/ومضة مفيدة/نقد بناء أو ما إلى ذلك يمكنك مشاركتنا كل ما في جعبتك من خلال الإتصال بنا : istoretech3@gmail.com
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم