More

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

What do you think of this post?
  • Bad ()
  • Boring ()
  • Useful ()
  • Interesting ()
  • Awesome ()
مع الشكل الثاني من إضافة صفحة الخطأ لقوالب بلوجر بتصميم لطيف وأنيق يجمع أيقونات الشبكات الإجتماعية ،
 ما فائدة صفحة الخطأ :
تدور اهمية صفحة الخطأ حول كسب المزيد من الزوارمن عناكب البحث أيضا , بدون خروجهم من الموقع في حالة اتباعهم للرابط خاطئ.
ادا اتبع زائر رابط صفحة قمت بحذفها، ما يعني انه اتبع رابط صفحة غير موجودة ولذالك سيتم عرض صفحة الخطأ. تخيل معي لو
 كنت مكان دالك الزائر وظهرت لك صفحة خطأ فارغة ولا تحتوي على اي رابط، مادا ستكون ردة فعلك  ؟
ستكون العودة الى الوراء بإستعمال زر العودة الى الصفحة السابقة في المتصفح، اما في حالة كانت صفحة تحتوي على روابط الى 
صفحة الرئيسية واهم الاقسام في الموقع او تحتوي على مربع بحث، فهدا سيمنح للزائر ثلاث خيارات اخرى وسيزيد من فرص 
دخول الزائر الى الموقع .. وهذا ما سنشاهده في المعاينتين التاليتين
شرح طريقة تركيب الإضافة
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}
4. ابحث عن <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='http://1.bp.blogspot.com/-0M62-Stfcdc/Ud1ZFcVvCRI/AAAAAAAABuY/9_o8SRGny8U/s1600/rss.png' width='147'/></a></li>
<li class='twitter-icon'><a href='http://www.twitter.com/ar1web' target='_blank'><img height='147' src='http://2.bp.blogspot.com/-7qVkCzvGlC4/Ud1ZF3wqNlI/AAAAAAAABuc/6V0lQLdtvnk/s1600/twitter.png' width='147'/></a></li>
<li class='facebook-icon'><a href='http://www.facebook.com/arabe1web' 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='https://plus.google.com/+iHussam' 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>
What do you think of this post?
  • Bad ()
  • Boring ()
  • Useful ()
  • Interesting ()
  • Awesome ()

You may also like  إضافة محتوى مخفي في موضوع


Tags
Show More

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Adblock Detected

Please consider supporting us by disabling your ad blocker