انشاء صفحة خطأ أحترافيه للموقع | متحركه من الوليد نت

انشاء صفحة خطأ أحترافيه للموقع | متحركه من الوليد نت



انشاء صفحة خطأ أحترافيه للموقع 

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


طريقة التركيب

ادخل قالبك.

ابحث عن <body> وضع هذا الكود اسفله :



<style>
#body-halaman { position: fixed; z-index: +1000000; top: 0px; left: 0px; width: 100%; height: 100%; background: #d7d7d7; color: #555555; text-align: center; ackground:radial-gradient(#fff, #ccc);
background:radial-gradient(#ffffff, #fdfdfd 16%, #fbfbfb 33%, #f8f8f8 49%, #efefef 66%, #dfdfdf 82%, #bfbfbf 100%);
}
.tengahpage { width: auto; height: 100%; padding-top: 6%; }
@font-face {
font-family:'Ubuntu';
font-style:normal;
font-weight:700;
src:local('Ubuntu Bold'), local('Ubuntu-Bold'), url('http://themes.googleusercontent.com/static/fonts/ubuntu/v4/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
#notfound {
margin:0 auto;
}
#notfound svg {
-webkit-animation: noise 2s linear infinite;
animation: noise 2s linear infinite;
}
@-webkit-keyframes noise {
0%, 3%, 5%, 42%, 44%, 100% { -webkit-transform: scaleY(1); }
4.3% { -webkit-transform: scaleY(1.7); }
43% { -webkit-transform: scaleX(1.5); }
}
@keyframes noise {
0%, 3%, 5%, 42%, 44%, 100% { transform: scaleY(1); }
4.3% { transform: scaleY(1.7); }
43% { transform: scaleX(1.5); }
}
</style>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='body-halaman'>
<div class='tengahpage'>
<div id='notfound'/><br/>
<span class='body-d' style='font-size: normal;'>نأسف الصفحة التي تبحث عنها غير موجودة , اذهب للصفحة <a href='http://alwalednet.blogspot.com'>الرئيسيه</a>.</span>
</div>
</div>
</b:if>


يجب تغير http://alwalednet.blogspot.com برابط مدونتك


الان ابحث عن </body> وضع هذا الكود فوقه :



<script src='http://googledrive.com/host/0B7Zz9NWIHEOXNVo4dmdEY3Rtc1E' type='text/javascript'></script>
<script src='http://googledrive.com/host/0B7Zz9NWIHEOXU1FRMmpta1BCX00' type='text/javascript'></script>
<script src='http://googledrive.com/host/0B7Zz9NWIHEOXcHhqTl9xSkRER00' type='text/javascript'></script>


وفي الاخير اتمناه لكم التوفيق



انشاء صفحة خطأ أحترافيه للموقع | متحركه من الوليد نت انشاء صفحة خطأ أحترافيه للموقع | متحركه من الوليد نت بواسطة walid al Bana on 4:31:00 ص القسم: 5

ليست هناك تعليقات :

يتم التشغيل بواسطة Blogger.