إنشاء صفحة الخطأ 404 في بلوجر

السلام عليكم أحبابي في الله

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

تابع الخطوات التالية :

> 1. أولا قم بالتوجه الى مدونتك عبر بلوجر

> 2. ثم توجه الى قالب ثم تحرير HTML

> 3. قم بالضغط على CTRL+F لإظهار اداة البحث

> 4. قم بالبحث عن <b:skin/><[[

> 5. ثم ضع الكود التالي قبله ( فوقه ) :

#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}

6. إبحث عن <body> ثم ضع الكود التالي أسفله

<b:if cond='data:blog.pageType != "error_page"'>

7. إبحث عن </body> ثم ضع الكود التالي فوقه

</b:if>

<b:if cond='data:blog.pageType == "error_page"'>

<h2> الصفحة غير موجودة : 404</h2>

<h1>نعتذر إن لم تجد ما تبحث عنه</h1>

<p>بإمكانك العودة لصفحة الرئيسية<br/><br/> الصفحة الرئيسية <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> تابعنا على الشبكات الإجتماعية</p>

</ul>

</div>

</div></div></b:if>

---------------------------------------------------------------------

هكذا قد قمت بإضافة صفحة الخطأ 404 الى موقعك أو مدونتك، كما يمكنك تغيير الالوان و الخط إذا كنت تتقن و لو قليلا لغة الــCSS، غير ذالك يمكنك دائما متابعتنا على الفيسبوك و لاتنسى مشاركة الدرس و الضغط لايك,

إنشاء صفحة الخطأ 404 في بلوجر

الاثنين، 24 نوفمبر 2014

الكاتب : عبدالصمد المازغي

تابعنا على الفيسبوك

الأكثر قراءة