تطبيق عملي بتقنية ال 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>
بعد نسخ الكود قم بالتوجه الى لوحة تحكم بلوجر ثم الى اعدادات وفي نفس التبويب المسمى اعدادات ستجد بالاسفل تبويب يسمى تفضيلات البحث , قم بالضغط عليه وفي منتصف الصفحه ستجد الشكل التالي بالاسفل :

الأخطاء وعمليات إعادة التوجيه
لم يتم العثور على الصفحة المخصصة ?
[تم التعيين] تحرير
عمليات إعادة التوجيه المخصصة ?
ليست هناك عناصر تحرير

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










أصدقاء(تطوير ويب)
تعليقات Facebook
4تعليقات Blogger

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

احمد ابو الدهب يقول...

شكرا اخى الكريم شرح جميل ومميز

http://amar-nana.blogspot.com/

tqarb يقول...

شكرا لمرورك اخى العزيز ابو زياد بارك الله فيك وبالتوفيق لك.

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .