![[ html ] إنشاء صفحة خطأ 404 أحترافية الجزء الثاني](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHkSErOIzMsLWKmAJty99u7_lcceI8DHx4Q5gFlPlBnnTSAuEk8YsWQAdZBCNoJAR2jw3ODoMRXPhk1b_mHUy42gYWxa1VgrOECHi1JritvbI78euwgeOncZT_Mhy_b4CWuGqCCc1FTcCR/s72-c/Untitledvd-2.png)
![[ جافا سكربت ] زيادة حجم النص او انقاصه داخل HTML](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvsKajTZpsRWSwijDNPzZWU4y0frb-IeMOo9hyoe0vwzDj0lQabogU-NRKEgoLOLgK_oWpbbZRQ7PldV0kBGlWm_E0UdvJhSwujBra9u_TIFyhs8b8fgeaRXhuU5kfvTadX9jY4_6jGTOV/s72-c/Untitled-232.png)
 |
| صفحة خطأ أحترافيه للموقع |
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته .
صفحة خطأ أحترافيه للموقع | متحركه
صفحة الخطأ صفحة مهمه في كل موقع ولابد من تواجدها , فكل اصحاب المواقع لا يستغنون عن هذه الصفحة حيث انها اما تقوم بتحويل الزائر مباشره الى الصفحة الصحيحه او الرئيسيه , او انها على الاقل تظهر للزائر بشكل جميل .اليوم اتيت لكم بصفحة خطأ احترافيه بكل ماتعنيه الكلمه , فهي عباره عن عدت تركيبات 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 == "error_page"'>
<div id='body-halaman'>
<div class='tengahpage'>
<div id='notfound'/><br/>
<span class='body-d' style='font-size: normal;'>نأسف الصفحة التي تبحث عنها غير موجودة , اذهب للصفحة <a href='http://www.google.com/'>الرئيسيه</a>.</span>
</div>
</div>
</b:if>
- الان ابحث عن </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>
انتهى.
عند نقلك للموضوع او نسخه , حاول ان تذكر المصدر لينتفع الزائر في حال اراد المزيد من المساعده , وايضاَ احتراما وتقديراَ للجهود المبذولة في المواضيع.
معلومات عن التدوينة
صورة التدوينة
عنوان التدوينة :صفحة خطأ أحترافيه للموقع | متحركه
ملخص التدوينة:
صفحة خطأ أحترافيه للموقع بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته . صفحة خطأ أحترافيه للموقع | متحركه صفحة الخطأ صفح...
تاق :
جميل جدا اخى عبدالله
ردحذفاولا اشكرك على مواضيعك الممزة والجميلة اخى انا عندى طلب فى قالب خطط فى التدوينة من الخارج حطيت صورة عين وجمبها عدد الزيرات ارجو ان تعمل درس لكيفية عملها
ردحذفنعم هذا سكربت عدد المشاهدات , اذكر انني قد قمت بشرحه ولاكن يبدوا انه قد حذف , لا بأس سأعيد شرحه قريباَ.
حذفشكرا لك القالب خطط قالب جميل جدا ارجو ان تنزل بعض الاضافات منه فى تدوينات وانا مستنى سكربت الزيارت زى اللى فى القابل وشكرا لكثيرا
حذفممكن سوال ما افضل موقع تعلمت منه البرمجة
حذفخبرتي في البرمجه قليلة , تقصد التصميم ؟ قوقل كروم فقط.
حذفاقصد مثلا html,css,javascript,jquery وممكن تزل موضوع السكربت بسرعة
حذفاخى عبدالله ؟
حذفانا الان شغال على قالب , لاكن تفضل هذا الموضوع بيفيدك :
حذفDisplay Post Views Count in Blogger - New!