السلام عليكم . في هدا الدرس انشاء الله سوف نتطرق الى اضاف روعة لصفحة الخطأ لمدونات بلوجر
شرح طريقة تركيب الإضافة
1 . توجه لقالب >> تحرير
2. ابحث بإستعمال CTRL+F عن <b:skin/><[[
3. ضع الكود التالي قبله [ فوقه ]
<b:if cond='data:blog.pageType != "error_page"'>
#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}
#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 != "error_page"'>
5. ابحث عن </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 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/#' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz5ZXAnuMYvsB-kIybrVfuu6uLCRnOJQAiany0FNWcAaVGL3_67mfrWVRrPW4-n7FNsBp25Ld7zEM3SGFNjng7_XUMR-g2x8b568b5ctVRblD6ganheUL3RZh5jo84GCQZEgJ-fIbH2Mo/s1600/rss.png' width='147'/></a></li>
<li class='twitter-icon'><a href='http://www.twitter.com/#' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy58s7dPjVfugNGtqHmuyXRixnQ7cq95PhPTFIjQ5zZ0pE97gI50utzV3Z9ZD0yFRrrwyWAV16P7O4jkF3XtBW4NNq-VhUMOcpc299pQ-S8kP4_sDnQUlMySWmEOz1CKwfe50Im9L3qt8/s1600/twitter.png' width='147'/></a></li>
<li class='facebook-icon'><a href='http://www.facebook.com/#' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGutEgGmIF8w2W2h53kbHzKevZK-EPmeXfRieA6M8lTr_TDcKDXEv8AwcPb-WykgevY6LEUoORhK5pFvWpzTLIV97B_wnGJi74j_MMXQySAsGB6OOVmfhX8jbpJ0dmDzYgDxVs39Ys3LA/s1600/facebook.png' width='147'/></a></li>
<li class='google-icon'><a href='https://plus.google.com/#' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCHcAQpLZcoQ4Hiq-A2ZcGzp-_qZ8Fr12aCoDE2Yl8hDR8l0SpbTDN1QhJSo8-1MkgpW3LrA09ofa9B1pAdeglLAN4c_9ERCNisNhE9z2hgA028aZiuUwcrK2ewVMg00sVGkIWW8fAk0I/s1600/google.png' width='147'/></a></li>
</ul>
</div>
</div></div></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 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/#' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz5ZXAnuMYvsB-kIybrVfuu6uLCRnOJQAiany0FNWcAaVGL3_67mfrWVRrPW4-n7FNsBp25Ld7zEM3SGFNjng7_XUMR-g2x8b568b5ctVRblD6ganheUL3RZh5jo84GCQZEgJ-fIbH2Mo/s1600/rss.png' width='147'/></a></li>
<li class='twitter-icon'><a href='http://www.twitter.com/#' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy58s7dPjVfugNGtqHmuyXRixnQ7cq95PhPTFIjQ5zZ0pE97gI50utzV3Z9ZD0yFRrrwyWAV16P7O4jkF3XtBW4NNq-VhUMOcpc299pQ-S8kP4_sDnQUlMySWmEOz1CKwfe50Im9L3qt8/s1600/twitter.png' width='147'/></a></li>
<li class='facebook-icon'><a href='http://www.facebook.com/#' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGutEgGmIF8w2W2h53kbHzKevZK-EPmeXfRieA6M8lTr_TDcKDXEv8AwcPb-WykgevY6LEUoORhK5pFvWpzTLIV97B_wnGJi74j_MMXQySAsGB6OOVmfhX8jbpJ0dmDzYgDxVs39Ys3LA/s1600/facebook.png' width='147'/></a></li>
<li class='google-icon'><a href='https://plus.google.com/#' target='_blank'><img height='147' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCHcAQpLZcoQ4Hiq-A2ZcGzp-_qZ8Fr12aCoDE2Yl8hDR8l0SpbTDN1QhJSo8-1MkgpW3LrA09ofa9B1pAdeglLAN4c_9ERCNisNhE9z2hgA028aZiuUwcrK2ewVMg00sVGkIWW8fAk0I/s1600/google.png' width='147'/></a></li>
</ul>
</div>
</div></div></b:if>