تطوير ويب » اضافات css » تطبيق عملي بتقنية ال css لصفحة الخطأ الخاصة بالتحديثات الاخيره
السلام عليكم ورحمة الله وبركاته , منذ ايام قليله مضت تحدثنا عن التحديثات الاخيره التي اجرتها جوجل على لوحة تحكم بلوجر . وقد قلت ان تلك التحديثات تغني عن الميتا تاج اليدويه والتي كنا نضعها في القالب . وكان من ضمن التحديثات التي اشرت اليها هو قيام بلوجر باتاحة الفرصه لاصحاب المدونات بعمل صفحة خطأ . ولمن يعرف ماهي صفحة الخطأ فهي باختصار شديد صفحه تظهر للزائر حين دخوله على رابط موضوع تم مسحه من مدونتك وبامكانك وضع ما تريد في تلك الصفحه فهي الغرض الاساسي والرئيسي منها هو عدم فقدان ثقه زوارك في مدونتك حين يدخلون على رابط ما في مدونتك من خلال احد محركات البحث وتكون النتيجه رساله مفادها الصفحه غير موجوده باقتضاب يجعل مدونتك تفقد مصداقيتها . والبديل والحل لتلك الاشكاليه كانت تلك الصفحه التي يمكنك وضع اعتذار مهذب فيها لزوارك مع حثهم على رؤية المزيد من تدويناتك من خلال روابط تضعها لهم او اي شئ يروق لك .. لروية مثال عملى على الصفحه التي استخدمها .. معروف ان رابط مدونتي كالتالي www.tqarob.com/ اذن ما رايك لو دخلت عليه هكذا www.tqarob.com/ndhdg جرب واضغط على الرابط الاخير وشاهد النتيجه فالمكتوب بعد نطاق مدونتي مجرد مثال لرابط مفقود في المدونه ... المثال طبعا بسيط ولكني اعتبره يؤدي الغرض بالنسبه لي ويمكنك استخدامه من خلال نسخ الكود الموجود في الاسفل
<!-- © tqarob.com -->بعد نسخ الكود قم بالتوجه الى لوحة تحكم بلوجر ثم الى اعدادات وفي نفس التبويب المسمى اعدادات ستجد بالاسفل تبويب يسمى تفضيلات البحث , قم بالضغط عليه وفي منتصف الصفحه ستجد الشكل التالي بالاسفل :
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<b><br /></b></div>
<div style="text-align: -webkit-auto;">
<b><span style="color: red; font-family: Verdana; font-size: large;"><span style="line-height: 30px;"><br /></span></span></b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="color: red; font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: 150px; line-height: 18px;"><b>404</b></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #0080ff; font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: 150px; line-height: 18px;"><b><br /></b></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #0080ff; font-family: Georgia, 'Times New Roman', serif;"><span style="font-size: 150px; line-height: 18px;"><b>Error</b></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="font-size: x-large;">الاضافه لم تعد موجود يمكنك الضغط على الزر بالاسفل لطلبها من الدعم الفني</span></b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.tqarob.com/p/free-technical-support.html"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKX_ptbUcE94eXKpdaRv1M0cHYsyMlXu5jI1NqPT2IH_kAM5YQQFHjlktrgyWifrH_TU8izk_8c331jlxNp3ZcdeH5VzwiRO11OnNOrK4ZchQlh2Y751fLgoWsyBGXrBCMp2DLngovCdI/s1600/callme.png" /></a></div>
<br /></div>
قم بالضغط على زر تحرير بجانب جملة لم يتم العثو على الصفحه المخصصه وضع الكود الذي نسخته في الاعلى داخل مربع التحرير وقبل الحفظ استبدل تلك الجمله المكتوبه باللغه العربيه داخل الكود باي جمله تناسبك وتناسب مدونتك كما يمكنك تغيير رابط الصوره والرابط الموجودين في نهاية الكود والمعلمين باللون الازرق والاحمر برابط صفحه في مدونتك وليكن الرئيسيه .. بالتوفيق للجميع .. |
أصدقاء(تطوير ويب)
4تعليقات Blogger
4 عدد التعليقات على موضوع تطبيق عملي بتقنية ال css لصفحة الخطأ الخاصة بالتحديثات الاخيره
شكرا اخى الكريم شرح جميل ومميز
http://amar-nana.blogspot.com/
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .