تجربتي في عالم التدوين والربح من الأنترنت ..تجربة متواضعة ومليئة بالأحداث ..

السلام عليكم ..
آسف للغياب المُتواصل على التدوين ..
كما تعلمون التدوين العربي يعتبر إيفادي اكثر من  ربحي ..

سأحاول ان أضعكم اما تجربتي المتواضعة في عالم التدوين والربح من النت ..
مع عرض احد مواقعي الجديدة .. (المدونات الجديدة تأخذ وقت لتصبح قديمة بزوار يوميين..)

إن راجت مواضيعي السابقة ستجد الكثير من المواضيع التي تساعدك في نشر وأرشفة موقعك ..
إضافة إلى الكم الهائل من المعلومات المميزة في سلسلتي عالم السيو و عالم جوجل أدسنس ..

Résumébloggeradsenseo

تغيير كلمات رسالة أحدث, الصفحة الرئيسية, رسالة اقدم بصور جميلة في بلوجر ..

السلام عليكم ..

في هذا الموضوع (رسالة كما يعتبرها بلوجر) ..
رغم أني لا أحبذ نعت الرسالة او الرسائل..

سأضع بين أيديكم كود لتغيير شكل رسائل أحدث , الصفحة الرئيسية , رسائل أقدم ..

في أسفل الموضوع بصور جميلة ..طبعا إن لم تعجبكم النمادج ..
يمكنكم تصميم صور بنفسكم ..وتكون متوافقة مع قالب المدونة ..
موضوع أقدم  , الصفحة الرئيسية , موضوع أحدث ..

طريقة الإضافة أو التغيير سهلة ..

وهذه صُورة " رسالة أحدث , الصفحة الرئيسية , رسالة أقدم "بشكل جميل بعد إضافة الكود في القالب ..

أولا 

> من لوحة التحكم الرئيسية للمدونة..
1 > أدخل إلى "قالب"

2 > إدخل إلى "نسخ احتياطي/استعادة"..

> قُم بتنزيل القالب (لإسترجاع القالب القديم ..أو ترقبا لأي خطأ) <

> ارجع إلى " تحرير HTML " ..
مُلاحظة: رابط الصور المُستعملة للشرح هي روابط هذه الصور :

  

> إبحث عن الكود التالي ( لـ البحث إضغط على  Cltrl+F من الكيبود) : 

<data:newerPageTitle/>

>> غيره بالكود التالي : 

<img alt='الموضوع السابق ' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLyndY5eOeASTggpgtxP78YV5hcVHS1pe1UWIBnwFUhMJLQW0DMXWyA_5a5ZafAJchdx9QrMjQ49cyN1WjDQt2YbQTVsbm1cntSi-a-LW3Vpe7TwUNnJJVwXeVE_wRU2wro2R91F6L6L2b/s1600/%25D8%25A7%25D9%2584%25D9%2585%25D9%2588%25D8%25B6%25D9%2588%25D8%25B9-%25D8%25A7%25D9%2584%25D8%25B3%25D8%25A7%25D8%25A8%25D9%2582.png'/>

> قم بالبحث عن الكود التالي : 

<data:olderPageTitle/>

>> ثم بعد ان تجد الكود حدده و غيره بهذا الكود :

<img alt='الموضوع التالي' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-uxleuLbXZND6HQ6aqaeks9FE3LA7KeY2npczmtb2zws0Q7x5Fgkj4qEDrHzCBown8rvXnfCpld7wpzCvCWPOY5oikyEEDdug2cx6aGeyzE7jC44fH6-ZnVh8Wu2S_3NDvmWZxJE2d7Qe/s1600/%25D8%25A7%25D9%2584%25D9%2585%25D9%2588%25D8%25B6%25D9%2588%25D8%25B9-%25D8%25A7%25D9%2584%25D8%25AA%25D8%25A7%25D9%2584%25D9%258A.png'/>

> قم بالبحث عن الكود التالي : (ستجد كودين ..إستبدلهمــا معـــاً )

<data:homeMsg/>

>> ثم بعد ان تجد الكود حدده وإستبدله في كلتا الحالتين : 

<img alt='الصفحة الرئيسية' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWeSSwJxQYUc7V4HjFxWwBV5WojsH5WLbNmaCS_6scXdrnX3mnExqFehEpGN8Qyebt8ENnyQTXTJtrvRrxOHlZzZSyjB5QPPusZQ2mRUZqdSyg0SH6Ht9fN79kl_BGsuYrp2UTJ5q7XOa9/s1600/%25D8%25A7%25D9%2584%25D8%25B5%25D9%2581%25D8%25AD%25D8%25A9-%25D8%25A7%25D9%2584%25D8%25B1%25D8%25A6%25D9%258A%25D8%25B3%25D9%258A%25D8%25A9.png'/>

أما إذا اردت اضافة هذه الصور أو صور أخرى من تصميمك أو إختيارك ..

فقط إنسخ رابط الصور ..وضعه مكان روابط الصور في الكودات السابقة ..

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA73Z7bpYNxL15lc9oDDlDX2P36y8yGR_ezQfnvChaNptmT1D14xomvAVyafS6SoQfk7JS_CryqIwaFO_UJtnVIYyl7S5Js15hU0yzRiz1USDKCsr-44cRXLxCw8t01ACJP8BUmPf5GCvO/s1600/%25D8%25AA%25D8%25AF%25D9%2588%25D9%2586%25D8%25A7%25D8%25AA-%25D8%25A3%25D8%25AD%25D8%25AF%25D8%25AB.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8gY4mzH5yt2140-jAcuJaMmVr7lquXLeJA3PUPJINJqUeQnNfhO8SlsWNhysolM0rsxcxNofnwye180EsBI6bvJqtBbbWIg5EQry8diOPzDbG8TRmJdJFHGBQCMLGw4tSqL4Bq1gPSVCr/s1600/%25D8%25A7%25D9%2584%25D8%25B5%25D9%2581%25D8%25AD%25D8%25A9-%25D8%25A7%25D9%2584%25D8%25B1%25D8%25A6%25D8%25B3%25D9%258A%25D8%25A9-%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisCSqclDzVOoYKxwxwYJ4nickwVlV2TUUVQ6ZZGh_O1iR-MURPrwRZemZUVzVvXOTecunjAn7pb2RC_yPUz7WfBJEOGRic7USL3nS6nh8ojBLEATOAoZYwRSPDeJdUYAU8OFEyFVrcm75T/s1600/%25D8%25AA%25D8%25AF%25D9%2588%25D9%258A%25D9%2586%25D8%25A7%25D8%25AA-%25D8%25A3%25D9%2582%25D8%25AF%25D9%2585.png

 .. أو بروابط صور أخرى من إختياركم

ممكن تكون أيقونات فقط بدون كتابة ..المهم الإختيار يبقى لكم ..

> وفي الأخير "حفظ النمودج "..

و مبروك عليك تغيير شكل
رسالة أحدث , الصفحة الرئيسية , رسالة اقدم بصور بشكل جذاب ومميز ..

Résumébloggeradsenseo

كيفية إضافة صندوق تعليقات الفيس بوك إلى بلوجر..الطريقة الأصح لإضافة تعليقات الفايسبوك..√

السلام عليكم..

إضافة صندوق تعليقات الفيسبوك من الإضافات المألوفة للجميع ..

فقلما لا تجد موقع او مدونة لا تحتوي على صندوق التعليق الخاص بالفايسبوك ...

لأهمية  تعليقات الفيس بوك في بلوجر وباقي المواضيع ..

لدرجة انه بعض مدونات بلوجر والمواقع تعتمد على صندوق تعليقات الفيس بوك فقط..

فهي تلعب دور الناشر للموضوع بالتعليق عليه ..= زوار جدد ..

وكذا تُتيح لزوارك (الذي لا يملكون حسابات جوجل و بلوجر و...)..

التجاوب مع مواضيع مدونتك بسلاسة (الفيسبوك دائما مفتوح ¨.¨)..

دون إغفال جمالية صندوق التعليقات ..

كل هذا يحفز اي مدون لـ  إضافة صندوق التعليقات لموقعه ..

والكثير منهم من يستحيل أو يحال عليه إضافة تعليقات الفيس بوك للبلوجر..

لأن أغلب الشروحات ..تكون في بعض الأحيان تحتاج هي أيضا للشرح ..^^

وذلك يجعل المدون لا يريد الإضافة (لتعقيدها في نظره..)..
وشخصيا قديما عانيت من إضافة تعليقات الفيسبوك مع تعليقات المدونة ..

حيث كانت تختفي عندما كان يضاف رد في تعليقات بلوجر..؟(غريب^^)؟

لكن في الحقيقة الأمور بسيطة وسأحاول أن ابسطها أكثر ..

فقط تحتاج للقليل من التركيز ..

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

> تسجيل الدخول لحسابك في الفيس بوك (ستكون المسؤول به على التعاليق..) :

Www.Fb.Com

> ثم أدخل على الرابط التالي : https://developers.facebook.com/apps

(إذا كنت قد فعلت حسابك برقم الهاتف من قبل ..لن تمر بهذه المراحل..)

ويمكن إستعمالها أيضا لـ تفعيل حساب الفايسبوك برقم الهاتف ..
لكي لا تقوم إدارة الفايس بوك بغلق حسابك (مؤخرا كثٌر دلك..)

> ستفتح لك هذه النافذة ..إضغط على register as a developer ..

ثم تابع الشرح بالصور ..

سيصلك كود التفعيل لهاتفك في غضون تواني .. أدخله في المكان المُناسب ثم أكمل الشرح ..

> بعد الإنتهاء من تفعيل حسابك برقم الهاتف ..
ستتغير register as a developer بــ Créer une application..

إضغط عليها لإنشاء تطبيق تعليقات الفيس بوك..

وتابع الشرح بالصور ..

- إحتفظ بـ رقم الـ ID الخاص بالتطبيق ..

- إنسخ رابط مدونتك أو موقعك في مكان إضافة نطاق ..

- تسجيل التغييرات ..

ومبروك عليك إنهاء الخطوة الأولى ..

إنتهينا من إنشاء تطبيق التعليقات الخاص بالفيس بوك ..

الآن ننتقل لـ العمل على قالب  المدونة ..

كالمُعتاد من المسار التالي :

> من لوحة التحكم الرئيسية ..

> أدخل إلى "قالب"

> قُم بتنزيل القالب قبل القيام بأي خطوة في التعديل في الـ html  <

> من "نسخ احتياطي/استعادة" تحسبا لـ أي خطأ..<

> "تحرير html "

>> إبحث عن الكود التالي (لـ البحث إضغط على  Cltrl+F من الكيبود بعد وضع الماوس داخل النمودج) : 

<html

> قم بـ إضافة الكود التالي بعده مباشرة :

xmlns:fb='http://www.facebook.com/2008/fbml'

كما مُوضح في الصورة .. ;)

>> ثم إبحث عن الكود التالي :

<body>

> قم بـ إضافة الكود الآتي تحنه مباشرة :

<div id='fb-root'/>

<script>

    window.fbAsyncInit = function() {

    FB.init({

      appId  : &#39;24845990863925&#39;,

      status : true, // check login status

        cookie : true, // enable cookies to allow the server to access the   session

      xfbml  : true  // parse XFBML

    });

  };

    (function() {

    var e = document.createElement(&#39;script&#39;);

      e.src = document.location.protocol +   &#39;//connect.facebook.net/en_US/all.js&#39;;

    e.async = true;

      document.getElementById(&#39;fb-root&#39;).appendChild(e);

    }());<a href='http://bloggeradsenseo.blogspot.com/2013/11/how-to-add-facebook-comments-box.html' style='display:none;'></a></script>

ملاحظة :غير الرقم بالأحمر بكود الـ ID الخاص بتطبيقك المنشأ سابقا ..

>> إبحث عن الكود التالي :
</head>

> قم بـ إضافة الكود الآتي فوقه مباشرة ..بعد إجراء التغيرات عليه..:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<meta expr:content='data:blog.pageTitle' property='og:title'/>

</b:if>

<meta content='بلوجر أدسنس السيو' property='og:site_name'/>

<meta content='24845990863925' property='fb:app_id'/>

<meta content='https://www.facebook.com/BlogAdsSeo' property='fb:admins'/>

<meta content='article' property='og:type'/>

غيـر :

- بلوجر أدسنس السيو : بـ إسم مدونتك او موقعك ..

- 24845990863925 : رقم الـ ID الخاص بتطبيقيك ..

- BlogAdsSeO : إسم المُؤدي إلى رابط بروفايلك الشخصي (ليس رابط الصفحة ..)..

كما يمكن وضع رقم الـ ID الخاص بحساب الفايس بوك بدلا من الرابط بأكمله ..

يمكنك معرفة رقم الـ ID و الرابط من هنا : https://developers.facebook.com/tools/explorer

>> تم إبحث عن الكود التالي : 

<data:post.body/>

أفضل البحث عن هذا الكود :

</b:includable>
<b:includable id='postQuickEdit' var='post'>
( </b:includable> إبحث على  السطر الثاني ..وضع الكود فوق  )

> ضع الكود التالي فوق </b:includable>..

أو تحت <data:post.body/> (يعبر عن نص الموضوع..)..

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<img alt='navright' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXqUwCW7j0dZV-SwooGeq41noo2DHmZ65nt6CnjUg8B23YEEEQY5Vey2lwBEmrF_2cYmcXFbMLukb8pW28XlNhsoqnSvt8suEPakn-_qW5zn6vOohLGX5ra4EzLOq50GZfumeB63UkaSsy/s1600/%D8%A3%D8%AA%D8%B1%D9%83-%D8%A8%D8%B5%D9%85%D8%AA%D9%83-%D9%88%D8%B4%D8%A7%D8%B1%D9%83%D9%86%D8%A7-%D8%A8%D8%B1%D8%A3%D9%8A%D9%83-BloggerAdsenseo.Com.png'/> 

</b:if>

  <b:if cond='data:blog.pageType == &quot;item&quot;'>  <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>

<a href='http://bloggeradsenseo.blogspot.com/2013/11/how-to-add-facebook-comments-box.html' style='display:none;'>

<a href='http://bloggeradsenseo.blogspot.com'></a>

  <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1' width='606'/>  </div> </a></b:if>

يمكنك تغيير طول width='606' & مكان صندوق التعليقات الفايسبوك ..
المهم الكود محصور بين </b:includable> و <data:post.body/> ..

أيضا يمكنك تغيير رابط الصورة بأخرى من تصميمك ..

ومبرووك عليك إضافة صندوق تعليقات الفيس بوك إلى مدونتك ..

وهذا الشكل النهائي ..مع تجربة الرد ..

وهو الموجود في المدونة ..

اتمنى ان يكون الشرح واضح ..
وإن شاء الله الكل تنجح معه الإضافة في اول تجربة ..

على ان اخصص موضوع آخر لشرح تتبع التعليقات ..

وكيفية التعامل مع صندوق تعليقات الفيسبوك بصفة عامة ..

لا تَنسوني من صالح دعائكم ..☺

Résumébloggeradsenseo

كيفية إزالة شريط "إظهار الرسائل ذات التسميات" في بلوجر بطريقة بسيطة..

السلام عليكم ..
أهلا وسهلا بمتابعي و زوار مدونة بلوجر أدسنس سيو ..

هناك من يريد إزالة شريط "إظهار الرسائل ذات التسميات ..., إظهار كافة الرسائل" في مدونته ..ويرى انه لا فائدة منه ..

وفي الحقيقة  شريط "إظهار الرسائل ذات التسميات.." ليس بتلك الأهمية ..
فالزائر يكون قد تم إرشاده لرابط المواضيع ذات نفس التخصص..
ولا جدوى بتذكيريه بأن هذه الرسائل أو المواضيع ذات نفس التسميات..
و "إظهار كافة الرسائل" ..هي الصفحة الرئيسية (الرئيسية)..
وما أكثر تواجدها في المدونات او المواقع :)

ناهيك عن شكل شريط "إظهار الرسائل ذات التسميات" الغير جذاب ..والكثير الظهور ..
(أظن ان اغلب المدونين سيتشجعون لإزالة  الشريط بعد هذا الكلام ههه ^.^ D= )

المهم اترككم مع طرريقة إزالة "إظهار الرسائل ذات التسميات" بشكل سهل وبسيط ..بالشرح والصور ..

> من لوحة التحكم الرئيسية ..

> أدخل إلى "قالب"

> قُم بتنزيل القالب قبل القيام بأي خطوة في التعديل في الـ html  <

> من "نسخ احتياطي/استعادة" تحسبا لـ أي خطأ..<

> "تحرير html "

> إبحث عن الكود التالي ( لـ البحث إضغط على  Cltrl+F من الكيبود بعد وضع الماوس داخل النمودج ) : 

]]></b:skin>

> قم بـ إضافة الكود الآتي فوقه مباشرة :

.status-msg-wrap{display:none !important;}

> في الأخير "حفظ النمودج" ..

وهذه الطريقة و النتيجة مشروحة في صُورة :

وهذا الشكل المدونة بعد إزالة شريط "إظهار الرسائل ذات التسميات" ..

أظنه أفضل من الشكل القديم ..!!

اتمنى ان يكون الشرح واضح ..
وإلى اللقاء في موضوع جديد ضمن أهم دروس بلوجر ..
ولا تَنسوني من صالح دعائكم ..☺

Résumébloggeradsenseo

تغيير رسائل أحدث, الصفحة الرئيسية, رسائل اقدم بشكل جذاب في بلوجر..

السلام عليكم ..

في هذا الموضوع (رسالة كما يعتبرها بلوجر) ..

سأضع بين أيديكم كود لتغيير شكل رسائل أحدث , الصفحة الرئيسية , رسائل أقدم ..

في أسفل الموضوع ..بشكل جميل وجداب على شكل صور ..

طريقة الإضافة أو التغيير سهلة ..

وهذه صُورة " رسالة أحدث , الصفحة الرئيسية , رسالة أقدم "بشكل جميل بعد إضافة الكود في القالب ..

أولا 

> من لوحة التحكم الرئيسية للمدونة..
1 > أدخل إلى "قالب"

2 > إدخل إلى "نسخ احتياطي/استعادة"..

> قُم بتنزيل القالب (لإسترجاع القالب القديم ..أو ترقبا لأي خطأ) <

> ارجع إلى " تحرير HTML " ..

> إبحث عن الكود التالي ( لـ البحث إضغط على  Cltrl+F من الكيبود) : 

]]></b:skin>

> قم بـ إضافة الكود الآتي فوقه مباشرة : 

.home-link {float: center;

background: #a9014b url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1FrhHYKE-bCMjeNUZU1StKjsKR1V8atZJT_cGpG7ozg1df7XIInZqBqzXSJCYTuzuxuAMFlstX_QFx-ZMqsGqxLi-CJicpWwXoHrYddLmm-F67fCaHjHj2uNqFYKA5EsS1IXYPpEDbwtd/s1600/alert-overlay.png ) repeat-x 0 0; display: inline-block;  font-size: 16px; padding: 8px 19px 9px;  color: #fff !important;  font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto;

}

.home-link::-moz-focus-inner { border: 0; padding: 0; }

.home-link:hover { background-color: #630030; color: #fff; text-decoration:none; }

.home-link:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); }

.blog-pager-newer-link {float: right;

background:  #ff5c00 url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1FrhHYKE-bCMjeNUZU1StKjsKR1V8atZJT_cGpG7ozg1df7XIInZqBqzXSJCYTuzuxuAMFlstX_QFx-ZMqsGqxLi-CJicpWwXoHrYddLmm-F67fCaHjHj2uNqFYKA5EsS1IXYPpEDbwtd/s1600/alert-overlay.png ) repeat-x 0 0; display: inline-block;  font-size: 16px; padding: 8px 19px 9px;  color: #fff !important;  font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto;

}

.blog-pager-newer-link::-moz-focus-inner { border: 0; padding: 0; }

.blog-pager-newer-link:hover { background-color: #d45500; color: #fff; text-decoration:none; }

.blog-pager-newer-link:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); }

.blog-pager-older-link {float: left;

background:  #ffb515 url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1FrhHYKE-bCMjeNUZU1StKjsKR1V8atZJT_cGpG7ozg1df7XIInZqBqzXSJCYTuzuxuAMFlstX_QFx-ZMqsGqxLi-CJicpWwXoHrYddLmm-F67fCaHjHj2uNqFYKA5EsS1IXYPpEDbwtd/s1600/alert-overlay.png ) repeat-x 0 0; display: inline-block;  font-size: 16px; padding: 8px 19px 9px;  color: #fff !important;  font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto;

}
<a href='http://bloggeradsenseo.blogspot.com/2013/06/change-home-message-older-msgs-latest.html'>Résumé</a><a href='http://bloggeradsenseo.blogspot.com/'></a>

.blog-pager-older-link::-moz-focus-inner { border: 0; padding: 0; }

.blog-pager-older-link:hover { background-color: #fc9200; color: #fff; text-decoration:none; }

.blog-pager-older-link:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); }

>وفي الأخير "حفظ النمودج "..

و مبروك عليك تغيير شكل رسائل أحدث , الصفحة الرئيسية , رسائل اقدم بشكل جذاب ومميز ..

Résumébloggeradsenseo

كيفية إضافة كود صفحة خطأ 404 على شكل صور في بلوجر..بطريقة بسيطة..

السلام عليكم ..
في هذا الموضوع سأضعكم مع كيفية وضع صفحة الخطأ 404 على شكل صور في مدونة بلوجر ..
بمعنى أدق عند دخول زوارك إلى رابط خاطىء (تم إزالة الموضوع أو أخفاؤه أو حُذف..) ..
تظهر لهم صفحة خطأ 404 !
وتخبرهم فيها بأن الصفحة أو الموضوع الذي يبحثون عنه غير موجودة ..

وترشدهم للصفحة الرئيسية للموقع ..
(كما يمكن ان تحول أحد الورابط المحذوفة أو المخفية ..
إلى رابط آخر عن طريقة > عمليات إعادة التوجيه المُخصصة ..)
شرح إضافة صفحة خطأ 404 سهل التطبيق ..
ما عليكم سوى تتبع الطريقة في خطوات بسيطة ..

الخطوات الأولى مشروحة بالصور ..
> لوحة التحكم الرئيسية   1>إعدادات   2>تفضيلات البحث   3>تحرير..
4 > ضع الكود الذي يناسبك في الخانة الفارغة ..
5 > حفظ التغييرات ..

ملاحظة : يمكن ان تحول أحد الورابط المحذوفة أو المخفية .. 
إلى رابط آخر عن طريقة > عمليات إعادة التوجيه المُخصصة ..
صور نمادج و أكواد صفحة خطأ 404 .:

1 > شكل كود الخطا :

>الكود الخاص بالإضافة : 

<h1><a href='/'>خطأ 404 !</a></h1>
<h2> نعتذر ! فإن الصفحة التي تبحث عنها غير موجودة أو تم حذفها يرجى التأكد من الرابط  أو <a href='/'>التوجه إلى الصفحة الرئيسية</a></h2>
<style type='text/css'>
.status-msg-wrap {
    font-size: 80%;
    margin: none;
    position: static;
    width: 60%;
}
.status-msg-border {
    display:none
}
.status-msg-body {
    padding: none;
    position: static;
    text-align: inherit;
    width: 70%;
    z-index: auto;
}
.status-msg-wrap a {
    padding: none;
    text-decoration: inherit;
}
* { margin, padding: 0; }
body {
 background: #474747 url(bg.png);
 margin: 45px;
}
h1 a {
 display: block; text-decoration: none;
 font: 50px Helvetica, Arial, Sans-Serif; letter-spacing: -5px;
 text-align: center;
 color: #999; text-shadow: 0px 3px 8px #2a2a2a;
 }
  h1 a:hover {
   color: #a0a0a0; text-shadow: 0px 5px 8px #2a2a2a;
  }

h2 {
 font: 30px Tahoma, Helvetica, Arial, Sans-Serif;
 text-align: center;

 color: #222; text-shadow: 0px 2px 3px #555;
}
#sidebar-wrapper, #blog-pager,#main-nav, #header, #footer, nav, .blog-feeds {
    display: none;
    }</style>

2 > شكل كود الخطا :

>الكود الخاص بالإضافة :

<center>



<h1><a href='/'>خطأ 404 !</a></h1>

<img src="http://data.imagup.com/10/1147702687.png"" />

<style type='text/css'>

main-wrapper

#sidebar-wrapper, #blog-pager,#menupic,#sidebarleft-wrapper,#main-nav, #header, #footer, nav, .blog-feeds {

display: none;





}





</style>





<h1><a href='/'>الصفحة الرئيسية</a></h1>





</center>

3 > شكل كود الخطا :

>الكود الخاص بالإضافة :

<center>

<h1><a href='/'>خطأ 404 !</a></h1>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh91uVvQzr-YWwyjKMGwDgLZNl7CO6JxWmbuNrCNqcugutRQSZmzB1ejutgY3IYVkrtHbpu1-egaXFbqcfovVyMvTL9JbrqJIWBIXGlbxIQxhLShx6ts2_HnaKregAXzZSjpQuxm5hnpu8/s1600/Untitled-3.png"" />

<style type='text/css'>

main-wrapper

#sidebar-wrapper, #blog-pager,#menupic,#sidebarleft-wrapper,#main-nav, #header, #footer, nav, .blog-feeds {

display: none;

}

</style>

<h1><a href='/'>الصفحة الرئيسية</a></h1>

</center> 

إلى هنا أصل إلى نهاية الموضوع ..إلى اللقاء في موضوع جديد بـ إذن الله ..

Résumébloggeradsenseo