17 يناير 2019

شرح كود اضافات أو أدوات بلوجر

من الأمور التي يتعامل معها مدون يستعمل منصة بلوجر، الأدوات. وهي إضافات يتم تشغيلها لعدة أهداف مثل:



  1. إظهار قائمة من الروابط.
  2. أداة للاتصال بنا.
  3. صندوق المتابعة عبر البريد.



هناك الكثير من هذه الأدوات، والتي يمكن اضافتها لمدونتك كما يناسبك. لكن أحيانا، قد تود التحكم في أداة ما وهذا ما يجعلك بحاجة لفهم كيفية التعامل معها وهو هدف نشر هذ الموضوع. من الخيارات التي يمكن القيام بها مع الأدوات نجد:



شرح كود اضافات بلوجر

أي أداة بلوجر تحتوي على كود بهذا الشكل:



<b:widget id='Text1' locked='false' title='عنوان' type='Text' version='1'>
<b:widget-settings>
<b:widget-setting name='content'>محتوى الأداة</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>





شرح أجزاء عناصر الكود

عند فتح كود قالب بلوجر والبحث عن أداة، ستجد فيها الأجزاء التالية:

1. وسم الفتح

<b:widget id='Text1' locked='false' title='عنوان' type='Text' version='1'>

يبدأ دائما بهذا العنصر <b:widget وهو الرئيسي. ويمكن أن يحتوي على عناصر أخرى مثلا في النموذج أعلاه لدينا:

  • id: كل أداى لديها أي دي خاص به باسم مختلف.
  • locked: القفل، يحتمل خيارين true أي أنه لا يمكن حذف الاضافة من التخطيط. وfalse وهو العكس أي يمكن حذف الأداة.
  • title: عنوان الإضافة.
  • type: نوع الإضافة، في المثال أعلاه الإضافة هي من نوع نصي.
  • version: النسخة والرقم يتم تحديده من مصمم الإضافة.

2. وسم الغلق

</b:widget>
يحدد نهاية الأداة.

3. كود المحتوى

<b:widget-setting name='content'>
هنا يوضع كود محتوى الأداة مثل html.
</b:widget-setting>

بين هذين الوسمين يتم وضع الأكواد التي تتحكم في محتوى الأداة. مثلا، أداة للاتصال بنا كود كتابة البريد، مربع ادخال الرسالة، وزر الإرسال يتم وضعها هنا.


4. عنوان ومحتوى الأداة


<b:includable id='main'>
</b:includable>

بين هذين الكودين، يتم إظهار عنوان الأداة ثم المحتوى. في الرقم 2 يتم وضع الأكواد فقط، وهنا يتم تحويل الأكواد لإظهار ما تحتوي عليه من معلومات مثل نصوص أو روابط أو صور...

مثلا، لدينا عنوان الأداة:

<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>


لدينا شرط هنا، وهذا الشرط يقول: إذا كان العنوان ليس فارغا أظهره.

كود الشرط <b:if cond='data:title != ""'></b:if> للتحكم في العنوان <h2 class='title'><data:title/></h2>


وهذا الكود يظهر محتوى الأداة: data تعني المعطيات ومقابها content أي ما تحتويه الإضافة.

<div class='widget-content'>
<data:content/>
</div>


14 يناير 2019

شرح أجزاء كود قوالب بلوجر وطريقة تعديلها

كمدون يستخدم منصة بلوجر، قد تكون بحاجة أحيانا للقيام بتعديلات على قالب مدونتك من قبيل:



  • إضافة قسم جديد.
  • تغيير الشكل من الألوان والحجم.
  • حذف جزء غير مهم.

في هذا الموضوع ستتعرف على أهم الأجزاء التي يتكون منها أي قالب بلوجر، بالإضافة إلى كيفية التعامل مع أكوادها للقيام بالتعديلات المرغوبة.

من المهم جدا أن تكون ملما بتقنيات الويب وتصميم المواقع للقيام بهذه الأمور. لكن، لا تقلق يمكنك البدء بتعلم html و CSS اليوم. قدمنا سابقا دروسا بالفيديو ويمكنك أن تتعلم ما يكفي من أساسيات في ظرف يوم واحد فقط.



مكونات قوالب بلوجر

أي قالب بلوجر لابد أن يتوفر على هذه الأجزاء كما في الكود التالي:


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>

<head>

<b:skin><![CDATA[/*
]]></b:skin>

</head>

<body>
<b:section class='header' id='header' maxwidgets='1' name='Header' showaddelement='no'>
</b:section>

<b:section-contents id='sidebar'>
</b:section>

<b:section class='main' id='main' name='Main' showaddelement='no'>
</b:section>


<b:section class='foot' id='footer-3' name='Footer' showaddelement='no'>
</b:section>

</body>

</html>

شرح الأجزاء:

1. نسخة xml


<?xml version="1.0" encoding="UTF-8" ?>

هذا الكود يتعلق بنسخة xml المستخدمة في القالب، وهو غير مهم.

2. ال html


<!DOCTYPE html>
محتوى صفحة الويب هنا
</html>
بين هذين الكودين يتم وضع محتوى صفحة الويب كاملة.

3. قسم head


<head>
أكواد أخرى هنا
</head>

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


<b:skin><![CDATA[/*
هنا يتم وضع أكواد css
]]></b:skin>

4. body


هنا يتم وضع محتوى صفحة الويب الذي يظهر على المتصفح مثل العناوين والفقرات..


<body>
محتوى صفحة الويب الذي يظهر على المتصفح
</body>

وتحتوي على أجزاء أخرى قد تختلف أسماءها من قالب لآخر، لأن المصمم يمكنه وضع الأسماء التي يريدها. في الفيديو سنرى كيف يمكنك ايجاد كل قسم باستعمال inspect على المتصفح.

الأقسام الثانية داخل body:

أ. header


 هو القسم الأول الذي يظهر في الأعلى، غالبا يكون فيه شعار الموقع أو المدونة.

<b:section class='header' id='header' maxwidgets='1' name='Header' showaddelement='no'>
</b:section>

ب. sidebar أو aside


 هو الشريط الجانبي.

<b:section-contents id='sidebar'>
</b:section>

ت. main

 هو مكان إظهار المواضيع أو المشاركات مع التعليقات، وهو أهم جزء لأنه يحتوي على المحتوى الذي يتم نشره.

<b:section class='main' id='main' name='Main' showaddelement='no'>
</b:section>

ث. foot أو footer


 هو الجزء الأخير ويتم وضعه في الأسفل.

<b:section class='foot' id='footer-3' name='Footer' showaddelement='no'>
</b:section>


تعديل قوالب بلوجر لإضافة أقسام جديدة للأدوات

بعد التعرف على الأجزاء المكونة لقالب بلوجر، لنجرب الآن إضافة أقسام جديدة للأدوات عبر الخطوات التالية:

تعديل كود قالب قوالب بلوجر


1. لا تنسى حفظ نسخة من قالب مدونتك قبل القيام بأية تغييرات. أو قم بالتجارب على القالب في مدونة أخرى حتى تنتهي لتجنب المشاكل والأخطاء.
2. قم بفتح أداة تعديل القالب بالنقر على مظهر ثم تحرير HTML.
3. قم بالنقر وسط كود القالب على Ctrl+F للبحث عن ]]></b:skin> وفوقها مباشرة أضف كود الCSS التالي:



.addedcontainer{
width: 100%;
box-sizing: border-box;
text-align: center;
padding: 0 10px;
}
.addedcontainertwo{
width: 50%;
float: right;
box-sizing: border-box;
text-align: center;
padding: 0 10px;
}
.addedcontainerthree{
width: 33%;
float: right;
box-sizing: border-box;
text-align: center;
padding: 0 5px;
}

.addedcontainerfour{
width: 25%;
float: right;
box-sizing: border-box;
text-align: center;
padding: 0 5px;
}


4. بعد إضافة كود CSS، لديك مجموعى من الخيارات هنا لإضافتها:

بعد أضافة أي جزء، عد للتخطيط وستلاحظ الفرق.

أ. مربع واحد

<div class="addedcontainer">
<b:section class='addedcontainer' id='addedcontainer' maxwidgets='no' name='one addedcontainer' showaddelement='yes'>
</b:section>
</div>

ب. مربعين

<div class="addedcontainertwo">
<b:section class='addedcontainertworight' id='addedcontainertwof' maxwidgets='no' name='two containers' showaddelement='yes'>
</b:section>
</div>
<div class="addedcontainertwo">
<b:section class='addedcontainertwoleft' id='addedcontainertwoleft' maxwidgets='no' name='two containers' showaddelement='yes'>
</b:section>
</div>

ث. ثلاثة مربعات

<div class="addedcontainerthree">
<b:section class='addedcontainerthreefirst' id='addedcontainerthreefirst' maxwidgets='no' name='three containers first' showaddelement='yes'>
</b:section>
</div>
<div class="addedcontainerthree">
<b:section class='addedcontainerthreesecond' id='addedcontainerthreesecond' maxwidgets='no' name='three containers second' showaddelement='yes'>
</b:section>
</div>
<div class="addedcontainerthree">
<b:section class='addedcontainerthreethird' id='addedcontainerthreethird' maxwidgets='no' name='three containers third' showaddelement='yes'>
</b:section>
</div>

ج. أربعة مربعات

<div class="addedcontainerfour">
<b:section class='addedcontainerfourfirst' id='addedcontainerfourfirst' maxwidgets='no' name='four containers first' showaddelement='yes'>
</b:section>
</div>
<div class="addedcontainerfour">
<b:section class='addedcontainerfoursecond' id='addedcontainerfoursecond' maxwidgets='no' name='four containers second' showaddelement='yes'>
</b:section>
</div>
<div class="addedcontainerfour">
<b:section class='addedcontainerfourthird' id='addedcontainerfourthird' maxwidgets='no' name='four containers second' showaddelement='yes'>
</b:section>
</div>
<div class="addedcontainerfour">
<b:section class='addedcontainerfourfourth' id='addedcontainerfourfourth' maxwidgets='no' name='four containers fourth' showaddelement='yes'>
</b:section>
</div>


يمكنك الآن تعديل قالب مدونتك متى شئت، قد يأتي اليوم الذي تصمم فيه قوالب بلوجر، من يدري.

شرح ما هو فيدبرنر Feedburner وطريقة تفعيل المتابعة عبر البريد لمدونات بلوجر

إذا كنت تتساءل ما هو فيدبرنر Feedburner؟ فهو خدمة خلاصات RSS feeds وتتيح لأي مدون اضافة المتابعة عبر البريد لمدونته.


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


في الفيديو أسفله قمنا بشرح:

  • الحصول على رابط خاص لخلاصات فيدبرنر.
  • تعريب رسالة التفعيل التي يتوصل بها المتابع بعد التسجيل.


13 يناير 2019

شرح اضافة أهم الميتا تاج Meta Tags التي تحتاجها كل مدونة بلوجر

الميتا تاج Meta Tags هي مجموعة من الأكواد التي يتم إضافتها بين وسمي head لتحسين السيو ولأغراض أخرى مثل:



  • توصيات لآليات البحث.
  • وصف المدونة.
  • الكلمات المفتاحية.
  • الملكية.


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

إضافة الميتا تاج SEO META TAGS  على بلوجر


قم بنسخ الكود التالي وشاهد الفيديو في الأسفل لمعرفة كيفية تعديله:

أدوات ستحتاجها:





<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='الكلمات المفتاحية' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS' rel='me'/>
<meta content='كود أدوات مشرفي المواقع' name='google-site-verification'/>
<meta content='كود أدوات مشرفي المواقع لبينج' name='msvalidate.01'/>
<meta content='Morocco' name='geo.placename'/>
<meta content='إسم المدون' name='Author'/>
<meta content='general' name='rating'/>
<meta content='Ma' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='"Silakan kunjungi " + data:blog.pageTitle + " Untuk membaca postingan menarik."' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='لوجو المدونة' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/ملف_شخصي' property='article:author'/>
<meta content='https://www.facebook.com/صفحة' property='article:publisher'/>
<meta content='كود تطبيق فيسبوك' property='fb:app_id'/>
<meta content='كود مدير فيسبوك' property='fb:admins'/>
<meta content='ar_AR' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='en_US' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='مستخدم تويتر' name='twitter:site'/>
<meta content='مستخدم تويتر' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>



 العناصر التي تحتاج للتعديل:
  1.  الكلمات المفتاحية
  2. الملف الشخصي لجوجل بلاس Google Plus
  3. كود أدوات مشرفي المواقع
  4. كود بينج
  5. لوجو أو شعار المدونة.
  6. الملف الشخصي فيسبوك.
  7. صفحة فيسبوك.
  8. تطبيق فيس بوك.
  9. مدير أو أدمين الفيسبوك.
  10. مستخدم تويتر.

بعد تعديل الأكواد بما يناسب، أدخل للمظهر من واجهة المدونة، تحرير HTML، ومن لوحة المفاتيح انقر على Ctrl+F للبحث عن وسم <head> وتحته مباشرة أضف الكود.

12 يناير 2019

شرح إعدادات سيو SEO لمدونات بلوجر كاملة

في الدرس الماضي رأينا طريقة كتابة موضوع محسن لآليات البحث، وفي هذا الدرس سنتعرف على إعدادات السيو الخاصة بمدونات بلوجر.

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

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

إعدادات سيو SEO الخاصة بمدونات بلوجر

الآن حان الوقت للاهتمام بالإعدادات الداخلية للمدونة الخاصة بالسيو، والتي تهم:


1. العلامات الوصفية

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

2.  الأخطاء وعمليات إعادة التوجيه

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

عمليات إعادة التوجيه المخصصة، لتوجيه الزائر من صفحة لصفحة أخرى اتوماتيكا.

3. برامج الزحف والفهرسة

 القيام بربط المدونة بأدوات مشرفي المواقع Google Search Console وبعد ذلك، تعديل الخيارات التالية:

‏ملف robots.txt مخصص

ملف يتحكم فيما يتم الزحف اليه من طرف اليات البحث. هذا نموذج لملف روبوتس يمكنك استخدامه:

User-agent: Mediapartners-Google
Allow: /
Disallow:

User-agent: *
Disallow: /search
Allow: /
Sitemap: https://www.xxxxxx.com/feeds/posts/default?orderby=UPDATED


أ. قم بتعويض https://www.xxxxxx.com برابط مدونتك مثل nnnn.com أو mmm.blogspot.com

ب. لمنع جوجل من تصنيف صفحة محددة قم بنسخ  الجزء الملون بالأحمر في الرابط بهذه الشكل:
https://www.folfoly.com/p/blog-page_2.html

وأضفه كما يلي:
Disallow: /p/blog-page_2.html
هذه الصفحة لن تظهر على جوجل لأنك منعك اليات جوجل من الدخول اليها.

علامات رؤوس مخصصة لبرامج الروبوت

تلعب نفس دور robots.txt للتحكم في:

  • الصفحة الرئيسية
  • صفحات الأرشيف.
  • المشاركات.

‏ads.txt مخصّص

ملف يهم التحكم في الإعلانات، ليس ضروريا.


6 يناير 2019

انشاء حساب هوتميل جديد hotmail

هوتميل hotmail هي خدمة البريد الالكتروني التابعة لشركة مايكروسوفت. الخدمة ظهرت للوجود سنة 1996 قبل أن تقوم مايكروسوفت بشراءها سنة 1997 بقيمة بلغت 400 مليون دولار.


 في هذا الموضوع سنرى بالتفصيل طريقة انشاء حساب ايميل جديد وتسجيل الدخول. قبل ذلك، من المهم الإشار لبعض مميزات الخدمة:
  • الخصوصية: يتم احترام خصوصية المستخدمين، عكس جيميل التابعة لجوجل، بحيث أن معطيات المستخدمين لا يتم استخدامها لأهدف إعلانية.
  • المشاهدة المباشرة: يمكن للمستخدم مثلا عند توصله برابط فيديو يوتيوب، أن يشاهد الفيديو مباشرة على بريده الالكتروني دون حاجة لزيارة يوتيوب.
  • التقويم: يكن تنظيم الوقت وتحديد جدول أعمال عبر استعمال التقويم calender الذي يوفره الموقع.
  • أوفيس: يمكن مشاهدة وتعجيل ملفات وورد، اكسل، باوربونت وغيرها مباشرة على البريد.

كيفية فتح حساب هوتميل hotmail جديد

 لعمل ايميل هوت ميل  جديد اتبع الخطوات التالية:

في الفيديو ستلاحظ أنني انشات الحساب بدون رقم هاتف، بينما في الشرح بالصور طلب مني. فأحيانا لا يطلب رقم الهاتف، لكني أنصحك باستعماله لحماية حسابك من السرقة ولتسهيل استرجاعه عند نسيان كلمة المرور.


1. قم بالدخول ل موقع hotmail.com أو outlook.com (نفس الشيء)

hotmail.com


2. سيتم إعادة توجيهك لموقع اوتلوك Outlook، لا تقلق فهي نفس الخدمة. انقر بعدها على create account وتعني انشاء حساب إلى اليمين في الأعلى:

انشاء حساب هوتميل جديد

3. الآن سيتم اختيار إسم الاميل:
  1.  اكتب العنوان الذي تريد استعماله (يجب أن يتكون من الحروف والأرقام، مثلا أنا اخترت الحرف الأول من اسمي الشخصي b وإسمي العائلي Zouggagh تفصلهما نقطة).
  2. انقر على السهم الصغير لاختيار نوع الاميل outlook.com أو hotmail.com.
  3. انقر على next لمواصلة التسجيل.

اميل

4. ادخال كلمة السر وذلك ب:
  1. اضافة كلمة المرور، حاول استعمال رموز وحروف مختلفة، مثال لكلمة مرور جيدة: YaO@~30OurrS74.
  2. قم بعدم تحديد المربع إذا كنت لا تريد التوصل بأية رسائل اشهارية من مايكروسوفت.
  3. العودة لتصحيح أية معلومات.
  4. للمواصلة.

كلمة المرور

5. أحيانا يطلب اضافة رقم الهاتف، البعض لا يحب القيام بهذا ولكنه امر مهم لحماية بريدكم من السرقة.
  1. اختيار الدولة
  2. ادخال الرقم بدون رمز الدولة.
  3. ارسال الكود

اضافة الرقم الهاتفي

6. تفيعل الرقم الهاتفي:
  1. إذا لم تتوصل بالكود، أعد النقر على I didn't get a code لاعادة ارساله.
  2. ستتوصل برسالة نصية SMS تحتوي على رمز من اربعة ارقام، قم بادخاله في الخانة.
  3. next للمواصلة.

تفعيل الرقم الهاتفي


7. انقر على السهم للمواصلة.

بريد هوتميل

8. قم باختيار البلد واللغة لجعل الواجهة عربية:
  1. البلد واللغة.
  2. التوقيت.
  3. المواصلة.

هوتميل عربي



9. قم باختيار اللون والشكل الذي يناسبك.

الوان هوتميل



10. اضافة التوقيع والذي يظهر في نهاية الرسائل عندما تقوم بارسالها:
  1. كتابة التوقيع.
  2. المواصلة.

التوقيع


11. انقر على "هيا بنا" للولوج لبريدك الالكتروني الجديد:

الولوج للبريد

12. هنيئا، لقد قمت بانشاء بريدك الكتروني الجديد. هكذا سيبدو الصندوق البريدي على الصفحة الرئيسية:

الصندوق البريدي هوتميل على الصفحة الرئيسية



تغيير كلمة المرور للبريد الالكتروني اوت لوك Outlook

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


لذلك، في هذا الموضوع سنرى كيف يمكن تعديل وتغييركلمة المرور القديمة بواحدة جديدة عبر الخطوات التالية:

طريقة تغيير كلمة مرور باسوورد حساب اوت لوك




1. قم بتسجيل الدخول للاميل الخاص بك.
2. بعد الولوج للصندوق البريدي، انقر على المربع الذي يظهر على اليسار في الأعلى. قد تكون صورة إذا أضفت واحدة أو الحرفين الأولين لاسمك الكامل. ومن القائمة اختر عرض الحساب.

عرض الحساب


3. سيتم فتح صفحة جديدة، انقر فيها على تحديث في المربع الخاص بتحديث معلومات الأمان الخاصة ب... ستجد تحتها مكتوب تأكد من أن معلوماتك محدثة إذا نسيت كلمة المرور.

تحديث معلومات الامان


4. بعد ذلك، في الخانة الأولى إلى اليمين انقر على تغيير كلمة المرور.

تعديل كلمة المرور باسوورد اوت لوك
5. أنت بحاجة لتأكيد الهوية قبل تعديل الباسوورد. اختر البريد الالكتروني الاحتياطي أو الهاتف الذي قمت باضافتهما اثناء التسجيل.

اداة التحقق بريد الكتروني احتياطي أو رقم هاتف

6. أنا اخترت البريد الالكتروني، أدخلته ف الخانة (1) ثم قمت بالنقر على ارسال الرمز (2).

طلب رمز التحقق



7. تم ارسال رمز التحقق للبريد الالكتروني الاحتياطي، ثم نسخه.
رمز التحقق بعد التوصل به


8. ادخال رمز التحقق في الخانة (1) وبعد ذلك النقر على التحقق من الصحة (2).

ادخال رمز التحقق


9. الآن يمكن تغيير الباسوورد، يجب ادخال كلمة المرور القديمة في الخانة الأولى (1). ثم إدخال كلمة المرور الجديدة في الخانتين (2) و (3). الخطوة الأخيرة هي حفظ (4) لتفعيل كلمة المرور الجديدة.

تغيير الباسوورد اوت لوك


الآن، يمكنك استخدام كلمة المرور الجديدة لتسجيل الدخول لحسابك اوت لوك.

5 يناير 2019

كتابة وارسال رسالة جديدة على الاوت لوك Outlook

لكتابة الرسائل الإلكترونية وإرسالها على خدمة البريد الالكتروني أوت لوك، أنت بحاجة أولا ل:



  1. إنشاء بريد الكتروني.
  2. تسجيل الدخول.


بعد ذلك، يمكنك اتباع الخطوات التالية لبعث الاميل الذي تريده:

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

كتابة رسالة وارسالها على الاوتلوك Outlook


1. ستفتح صفحة جديدة حيث يمكن كتابة الرسالة ثم ارسالها، والتي تتكون من:



  1. زر الإرسال، يمكنك النقر عليه لارسال الرسالة بعد الانتهاء من كتابتها.
  2. إضافة ملفات مثل الصور، pdf...
  3. تجاهل الرسالة دون حفظها بحيث يتم حذفها.
  4. ثلاث نقط لقائمة ثانوية تحتوي على عناصر أخرى مثل حفظ مسودة لحفظ نسخة.
  5. البريد الالكتروني للمرسل اليه (example@email.com). 
  6. الموضوع، وهو أول ما يظهر للمرسل إليه عندما يتوصل بالرسالة على بريده. يجب اختياره دائما بعناية.
  7. جسم الرسالة حيث يتم كتابة الرسالة ومحتوياتها.
  8. إعدادات النص مثل الحجم الألوان..
  9. زر الإرسال مرة أخرى.
  10. اضافة ملفات
  11. اضافة صور والتي تظهر مع النص وسط الاميل.