إنشاء صفحة خطا 404 بشكل احترافي
سوف نشرح فائدة صفحة الخطا هي صفحة تشرح لزائر ان هذة الرابط غير موجود او معطل توجه الزائر لرئيسية و ايضا عرف ان هذا الرابط بها مشكلة ايضا تفيد فى ثقة محركات البحث وهذة الصفحة سوف تكون مستقلة و بشكل مميز غير الشكل الافتراضي
طريقة التركيب سوف نذهب الي القالب بعدها تحرير HTML
وسوف نبحث عن : <b:skin/><[[ ونضع الكود هذا قبله
#error-page{background-color:#313c44;position:fixed!important;position:absolute;text-align:center;top:0;right:0;bottom:0;left:0;z-index:99999;font-family: droid arabic kufi;}#error-inner{margin:10% auto}.box-404{position:relative;font-weight:bold;color:#fff;margin: 0 auto;display:inline-block;}#error-inner h2{text-transform:uppercase;color:#fff;font-size:50px;margin:0 auto 20px;background-color:#DD5050;width:50%;padding:20px 0;text-align:center;margin:0 auto;border-radius:3px;}#error-inner h1{text-transform:uppercase;color:#FFB616;padding:30px 0;font-weight: 600;}#error-inner p{line-height:1.2em;font-size:15px;color:#44A8D8;font-family: droid arabic kufi;font-weight: normal;}#error-inner a{color:#fff;}#error-inner a:hover{color:#DD5050;}#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}
الخطوة الثانية : سوف نبحث عن <body> وسوف نضع هذا الكود اسفلها
<b:if cond='data:blog.pageType != "error_page"'>
الخطوة الثالثة سوف نبحث عن : </body>
وسوف نضع هذا الكود قبلها
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<div id='error-page'>
<div id='error-inner'>
<h2> الصفحة غير موجودة : 404</h2>
<h1>نعتذر إن لم تجد ما تبحث عنه</h1>
<p>بإمكانك العودة لصفحة الرئيسية<br/><br/> الصفحة الرئيسية <a href='http://el3bkarytest.blogspot.com/' title='العبقري تجربة'>العبقري تجربة</a>
<br/>
<br/>
تابعنا على الشبكات الإجتماعية</p>
<br/>
<div class='box-404'>
<ul id='social-icons'>
<li class='rss-icon'><a href='http://feeds.feedburner.com/el3bkary' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqt5MNMDrC-lbgIt4zfHG08qO03AEd9FNbJ6Dv1_HKyFPOJprZQhTr1PM54koCLuf4VRUvQ9r_FO8BKZs4VYbloC69qQKdYODjdjzXDT8glzbMI2GFRPuU8wut2LX0k114Z6OdRvz6Prk/s1600/rss.png' width='147'/></a></li>
<li class='twitter-icon'><a href='http://www.twitter.com/el3bkary' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHBLxh3yqSjprit2Ze2-ZlWPbyqO1i5-JRRw50fmnErnYXR5Hs1YAcK_o8ZBxGYZM2vGmAy3UarAqVkTHF6_8lV9-428K4Ps8BteRVYo9oeq4s1EUb4FJgfBvYooTl3tSve-aKdf6JD-Q/s1600/twitter.png' width='147'/></a></li>
<li class='facebook-icon'><a href='http://www.facebook.com/el3bkary' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPjd_Hd8JNeBLufBIH9Dl71kyeGvwY2gxZGZaLTQq6AvzCQWj4xVanB3fyIhqcf9P3IW0WK2gQ1ahkPE1akuA0lc_9B38tJdE3pnvmrDplLyBU42ZwbSI2peEU0OsTKQe5ep0hdCRg_JA/s1600/facebook.png' width='147'/></a></li>
<li class='google-icon'><a href='https://plus.google.com/+el3bkary' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9VWtZDGFHu91fT5NdM3f2kf1-2rxSTAvuI7pZOFiOHGDWwsEiBQaIIPX5KudwboIpX27WtamYw-WJoFFdUmx3pNzbOxKCkU3kamZ1JYilDFoXdJq03QkleWH_XGHDOhpmi1xj7XLo2gs/s1600/google.png' width='147'/></a></li>
</ul>
</div>
</div></div></b:if>
ونكون كدة انتهينا سوف نقوم بحفظ القالب و معاينة الاجراءت سوف نذهب الي رابط غير صالح كتابة اى اسم بعد الرابط ونري صفحة الخطا الجديدة صفحة مستقلة
وسوف نستطيع تعديل الروابط التواصل الاجتماعي التي باللون الاخضر
فريق عمل مدونة العبقري للمعلوميات : نشكركم على دعمنا طوال الوقت ولا تترددوا في الاستفسار عن اى شي بالتعليقات وسوف نقوم بالرد عليكم فى اسرع وقت !
تعليقات الموضوع
ليست هناك تعليقات