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

468x60
إضافة صفحة خطأ بشكل احترافي لمدونات بلوجر
إضافة صفحة خطأ بشكل احترافي لمدونات بلوجر

مع الشكل الثاني من إضافة صفحة الخطأ لقوالب بلوجر بتصميم لطيف وأنيق يجمع أيقونات الشبكات الإجتماعية ،
  ما فائدة صفحة الخطأ :  


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


شرح طريقة تركيب الإضافة

1 . توجه لقالب >> تحرير 
2. ابحث بإستعمال CTRL+F عن  <b:skin/><[[
3. ضع الكود التالي قبله [ فوقه ]
 #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}

5. ابحث عن <body> ضع الكود التالي اسفله
 <b:if cond='data:blog.pageType != &quot;error_page&quot;'> 


5. ابحث عن </body> ضع الكود الأتي فوقه
 </b:if>
<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='http://feeds.feedburner.com/ar1web' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipFTQtgF3mWIjupej1Xo-AGhSuuLXD0vuo2Kx0e1-Fo1fB8-XBRVuLlYICfqCPHm7qzbCpqI5eYhhlRfCCGo1Qp7YQfJwcCefMCjfK-AzfsgvXH86udtDl5qBv0ANJQhsTZNviliycwWw/s1600/rss.png' width='147'/></a></li>
<li class='twitter-icon'><a href='http://www.twitter.com/ar1web' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid4GvA7WK2DNHk326xf28seKpll0i7eO3uT2giXZhIa7OdDO0ulcGNcQITpppzxaHls_ZIk52a3TT-0VPzMX5p4k5WqWaf8R8OSystXtDFyRnNz7-knsQtmxDzM12AMcQOUiVb3vFOKuE/s1600/twitter.png' width='147'/></a></li>
<li class='facebook-icon'><a href='http://www.facebook.com/arabe1web' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGVvMTggNDAphyphenhyphen7-0xA01vVKFE6lVhtjH6XvL9CMIFKOXfNtL3vjsFegt13X9o8lWm4dw1a2smOAmB8MedCjS6cF12VzATKDiGfam0VWofiqRMS9QaSpTuowe_rj12nQs4CZf08kwXjJk/s1600/facebook.png' width='147'/></a></li>
<li class='google-icon'><a href='https://plus.google.com/+iHussam' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2SKpx-enhUwqMEPUhBWanMmuBnH_0qLWH2tNcIKufMPUGh-X-m74uNKwrb2SKVg5rMTbT7nryAjZ8xNe4VNtZ9R0NfF7k5DnxoeE3ia4rmVSMUiqjnE800Ap8gdoJ9jFVDMl9bKh6V0Q/s1600/google.png' width='147'/></a></li>
</ul>
</div>
</div></div></b:if>


468x60
معلومات عن التدوينة الكاتب : Tarekk بتاريخ : الأحد، 1 مارس 2015
المشاهدات :
عدد التعليقات: 0، للإبلاغ عن رابط معطوب اضغط هنا
250x300

شكرا لتعليقك
عرب ويب