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

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر صفحة خطأ أغسطس 04, 2018

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

Admin Amer

أغسطس 04, 2018

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

السلام عليكم ومرحبا بكم في مدونة الخبير عامر بشير 

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

لاكن اضافة اليوم تتميز بشكل حصري وانيق جدا يمكنك معاينته من هنا

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

• اولا إبحث على  وضع الكود التالي اسفله مباشرة

<!-- بداية صفحة الخطأ --><b:if cond='data:view.isError'><style type='text/css'>/*<![CDATA[*/ .error-number,.wrapper{text-align:center;display:flex}.particles,.type,.wrapper{overflow:hidden}body{margin:0;font-family:inherit,sans-serif;background-color:#2196f3;background:linear-gradient(to top left,#2196f3,#080417);color:#fff}img{max-width:100%;height:auto}.particles{position:absolute;top:0;left:0;width:100%;height:100%}.wrapper{flex-wrap:wrap;justify-content:center;align-items:center;min-height:100vh;position:relative}.error-404{position:relative;z-index:999}.moon,.moon::after,.moon::before{position:absolute;border-radius:50%}.error-number{font-size:8rem;font-weight:700;line-height:1;justify-content:center;align-items:center;animation:scale 1.4s ease-in-out}.icon{width:7rem;max-height:8rem;margin:0 .2rem;animation:balance 3s ease infinite 1.3s}@keyframes scale{0%{opacity:0;transform:scale(.1)}100%{opacity:1;transform:scale(1)}}@keyframes balance{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,1rem,0)}}.type{font-size:1.2rem;font-weight:400;word-spacing:.4rem;letter-spacing:.1rem;white-space:nowrap;border-left:8px solid transparent;margin:2rem 0;animation:typing 3.5s steps(35,end) forwards 1.5s,blink .7s linear infinite 1.6s;opacity:0;width:0}@keyframes typing{0%{width:0;opacity:1}100%{width:100%;opacity:1}}@keyframes blink{0%{border-color:#fff}100%{border-color:transparent}}.moon{bottom:0;right:0;width:50vw;height:30vw;background-color:#eee;background:radial-gradient(#7b4e27 0,#fff 100%);transform:translate3d(20%,80%,0);box-shadow:0 0 3px 27vw rgba(96,83,142,.05),0 0 3px 18vw rgba(96,83,142,.1),0 0 3px 9vw rgba(96,83,142,.15);z-index:998}.moon::after,.moon::before{content:'';top:50%;left:50%;width:5%;height:4%;background-color:rgba(0,0,0,.1)}.moon::before{transform:translate3d(-400%,-1000%,0)}.moon::after{transform:translate3d(0,-600%,0);width:10%;height:6%}@media only screen and (max-width:48em){.type{font-size:.75rem;word-spacing:.2rem}} /*]]>*/ </style><main class='wrapper'><div class='error-404'><div class='error-number has-animation'><span>4</span><span><img alt='' class='icon has-animation' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsdtg7-nU8ApkTM8kCBObH2qcH6d6IIkE_jR-VHyFtqnFKxptvmLuce5ZRk5wo8VS-9HvRHRi_LXDLDzdxrX5wHFGc30HFIi5JEmnqMTIRlglD3oPPARohXfKB6OrnwNNoE9KTLc4sxyk/s1600/error404.png'/></span><span>4</span></div><h1 class='type has-animation'>عفوا ,, هذه الصفحة غير متوفرة</h1></div><div class='moon'/></main></b:if><b:if cond='not data:view.isError'>

• الان في الخطوة الاخيرة إبحث على  وضع الكود التالي فوقه مباشرة

</b:if><!-- نهاية صفحة الخطأ -->


الان قم بحفظ القالب ومبروك عليك الاضافة لذا لاتنسى الاشتراك في المدونة و في القناة لكي تتوصل بكل ماهوا جديد

اضافة صفحة خطأ احترافية على مدونات بلوجر كتبها: المدون التقني - الخبير عامر بشير

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر صفحة خطأ مارس 11, 2018

اضافة صفحة خطأ احترافية على مدونات بلوجر كتبها: المدون التقني - الخبير عامر بشير

Admin Amer

مارس 11, 2018

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

السلام عليكم مرحبا بكم في مدونة الخبير عامر بشير اليوم اقدم لكم صفحة خطا احترافية و سبقى ونشرت صفحات ممثالة يمكنك زيارتها من هنا 

معاينة

1. الان لتركيب الاضافة إبحث على 
2. وضع هذا الكود تحته مباشرة تحميل الكود من هنا او من هنا او من هنا
3. الان إبحث في القالب على  وضع هذا الكود فوقه مباشرة 

الى هنا نصل الى نهاية التدوينة لا تنسى الاشتراك في المدونة لكي تتوصل بكل ما هوا جديد من هنا

صفحة خطأ 404 احترافية للبلوجر V1 كتبها: المدون التقني - الخبير عامر بشير

Admin Amer لا يوجد تعليق 404 اضافات بلوجر بلوجر صفحة خطأ سبتمبر 28, 2017

صفحة خطأ 404 احترافية للبلوجر V1 كتبها: المدون التقني - الخبير عامر بشير

Admin Amer

سبتمبر 28, 2017

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

السلام عليكم مرحبا بكم في مدونة الخبير عامر بشير اليوم اقد لكم شكل جديد لصفحة خطأ وسبقى و نشرت شكل رائع من صفحة خطأ من هنا ننطلق لشرح الان

لمعاينة الاضافة من هنا

ملاحظة لكي تركب هذه الاضافة يجب متابعة هذا الفيديو من هنا

الان اولا إبحث على  وضع هذا تحته مباشرة

<b:if cond='data:blog.pageType == "error_page"'> <title>الصفحة غير موجودة ~ <data:blog.title/></title> </b:if>



ثانيا ضع هذا الكود تحت  او فوق ال 

<b:if cond='data:blog.pageType == "error_page"'><style type='text/css'> .header-top,.header,.main-menu,.wrapper,#breakingnews,.copyrights,.sub-footer{ display:none; } .error-container .top-bar{height:30px;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;background-clip:padding-box;border-top:thin solid #eaeae9;border-bottom:thin solid #ddd;background:linear-gradient(#e7e7e6,#e0e0e0)}.error-container .circles{margin:5px 12px}.error-container .circle{height:10px;width:10px;display:inline-block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background-color:#fff;margin-right:1px}#close-circle{background-color:#ff5c5a}#minimize-circle{background-color:#fdb45c}#maximize-circle{background-color:#1bc656}.errorwrapper{max-width:600px;margin:0 auto;background:#E7E7E7;padding-bottom:70px;border:1px solid #ddd;border-radius:4px}.error-header{margin-top:50px}.error-title{line-height:42px}.error-title span{background:#333;color:#666;padding:30px;font-size:200%;border-radius:100%;}.error-image img{display:block;font-size:72px;font-weight:700;margin:10px auto 40px}.error-container{background:#fafafa;display:table;height:100vh;overflow:hidden;width:100%;}.error404 .anonymous{margin:0 auto 20px;display:block}.error-404{display:table-cell;vertical-align:middle}.error-404 .page-content p{color:#666}.error-title{color:#666;font-size:42px;font-weight:700;text-transform:uppercase;margin:0;text-align:center;line-height:normal;}.search-title{font-size:48px;color:#3f3f46}.page-content,.page-content p{color:#797979;font-size:18px;text-align:center}a.buttonerror {background:#314151;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);color:#fff;font-size:13px;cursor:pointer;margin-right:5px;padding:15px 20px;font-weight:bold;border-radius:4px}#ctforce {position:absolute;right:0;top:-30px;color:transparent}.cpright{opacity:0} </style><span id='ctforce'></span><div class='error-container'><section class='error-404 not-found text-center'><div class='errorwrapper'><div class='top-bar'><div class='circles'><div class='circle' id='close-circle'></div><div class='circle' id='minimize-circle'></div><div class='circle' id='maximize-circle'></div></div></div><header class='error-header'><h1 class='error-title'>خطأ في الرابط</h1></header><div class='page-content'><p>هذه الصفحة ليست موجودة , أو قد تم حذفها من قبل أحد مشرفي المدونة</p></div><br/><center><a class='buttonerror waves-effect waves-light' href='/'>الرجوع للصفحة الرئيسية</a></center></div></section></div></b:if>


ملاحظة في مكان .header-top,.header,.main-menu,.wrapper,#breakingnews,.copyrights,.sub-footer


انت ضع في مكانهم كل الكلاسات التي تريد حذفهم عندا ضهور صفحة خطأ لذا شاهد الفيديو لكي تفهم اكثر

[ شرح مفصل ] عمل صفحة الخطأ (error 404 not found) في موقعك + صفحة جاهزه متحركة هدية كتبها: المدون التقني - الخبير عامر بشير

Admin Amer لا يوجد تعليق 404 اضافات بلوجر بلوجر صفحة خطأ يوليو 10, 2017

[ شرح مفصل ] عمل صفحة الخطأ (error 404 not found) في موقعك + صفحة جاهزه متحركة هدية كتبها: المدون التقني - الخبير عامر بشير

Admin Amer

يوليو 10, 2017

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

السلام عليكم 

مرحبا بكم في مدونت الخبير عامر بشير اليوم نقدم لكم شرح رائع لكيفية عمل صفحة خطأ بكل احترافية و +صفحة جاهزة و متحركة واذا لم تعجبك صفحة الخطأ الجاهزة لا تنسى الاشتراك في القناة و المدونة و لايك للصفحة و ضع تعليق سوف ارسلك العديد من الاشكال + تركيبهم لك مجان

نبدأ على بركة الله

رابط التحميل من هنا او من هنا