tek2tec

الدرس العاشر اكواد الميتا تاج|meta tage

noreply@blogger.com (tec2tek) — Wed, 25 Mar 2020 16:32:00 +0200

الدرس العاشر اكواد الميتا تاج|meta tag

سوف نتحدث في هذا الدرس عن اكواد الميتا تاج واين تستخدم ولم تستخدم اقسام الميتا تاج وطريقه اعدادها

السلام عليكم ورحمة الله وبركاته بسم الله والصلاة والسلام على رسول الله ، ثم اما بعد :

اولا-ماهي اكواد الميتا تاج :

اكواد الميتا تاج هي اكواد توضع فوق تبويب ال head تخبر فيه بوتات البحث ما الشيء الذي تريد ارشفته وطريقه ارشفته

وكيفية ارشفته والشيئ الذي لا نريد ارشفته .

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

ثانيا-لم تستخدم اكواد الميتا تاج:

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

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

ثالثا-اقسام الميتا تاج وطريقه اعدادها:

تقسم الميتا تاج لاقسام كثيرة فمنها :

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

رابعا-طريقه اعداد الميتا تاج :

1-نقوم بمسح جميع الاكواد السابقة عدا اكواد التحقق التي قمنا بوضعها ثم نضع الاكواد التاليه

<meta charset='utf-8'/>

<meta content='width=device-width, initial-scale=1.0' name='viewport'/>

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

<meta content='blogger' name='generator'/>

<meta content='ar_AR' property='og:locale'/>

<meta content='en_EN' property='og:locale:alternate'/>

<meta content='ar' name='language'/>

<meta content='ضع بلدك' name='geo.placename'/>

<meta content='all-language' http-equiv='Content-Language'/>

<meta content='IE=Edge' http-equiv='X-UA-Compatible'/>

<meta content='ضع رابط الموقع' property='og:url'/>

<meta content='ضع اسم الموقع' property='og:site_name'/>

<meta content='ضع اسمك' name='Author'/>





<meta content=' ضع كلماتك المفتاحية ' name='keywords'/>

<meta content=' ضع وصف المدونة ' property='og:description'/>

<meta content='ضع اسم الموقع' property='og:title'/>





<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'/>





<meta content=' ضع الايدي الخاص بصفحتك ' property='fb:page_id'/>

<meta content=' ضع الايدي الخاص بك ' property='fb:admins'/>





<meta content='global' name='target'/>

<meta content='global' name='distribution'/>

<meta content='general' name='rating'/>

<meta content='3 days' name='revisit-after'/>

<meta content='true' name='MSSmartTagsPreventParsing'/>

<meta content='index, follow' name='googlebot'/>

<meta content='follow, all' name='Googlebot-Image'/>

<meta content='follow, all' name='msnbot'/>

<meta content='follow, all' name='Slurp'/>

<meta content='follow, all' name='ZyBorg'/>

<meta content='follow, all' name='Scooter'/>

<meta content='all' name='spiders'/>

<meta content='all' name='WEBCRAWLERS'/>





<link href='ضع رابط مدونتك /feeds/posts/default' rel='alternate' title=' اسم مدونتك- Atom' type='application/atom+xml'/>

<link href='ضع رابط مدونتك/feeds/posts/default?alt=rss' rel='alternate' title=' اسم مدونتك- RSS' type='application/rss+xml'/>

<link href='http://www.blogger.com/feeds/الايدي الخاص بك/posts/default' rel='alternate' title=' اسم صفحتك- Atom' type='application/atom+xml'/>

شرح اكواد الميتا:
1-كود خاص بتصحيح عرض الهاتف لا يتم التعديل عليه

<meta content='width=device-width, initial-scale=1.0' name='viewport'/>

2-كود خاص بتعريف لغة المدونة ومتصفح انترنت اكسبلو(IE=Edge)لا يتم تعديله :

<meta charset='utf-8'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='all-language' http-equiv='Content-Language'/>
<meta content='IE=Edge' http-equiv='X-UA-Compatible'/>

3-كود خاص بلغة المدون:

<meta content='ar_AR' property='og:locale'/>
<meta content='ar' name='language'/>

نقوم بتغيير اللغة اذا كنا نستخدم لغة اخرى للمقالات
اذا كنت تستخدم لغة ثانية ضع الكود التالي

<meta content='en_EN' property='og:locale:alternate'/>

حيث تكتب اول حرفين من اسم اللغة باحرف صغير_احرف كبيره

4-كود خاص بوصف المدونة:

<meta content=' ضع وصف المدونة ' property='og:description'/>

5-كود خاص بالكلمات المفتاحية للمدونة:

<meta content=' ضع كلماتك المفتاحية ' name='keywords'/>

6 -كود خاص باسم وعنوان المدونة :

<meta content='ضع رابط الموقع' property='og:url'/>
<meta content='ضع اسم الموقع' property='og:site_name'/>
<meta content='ضع رابط الموقع' property='og:url'/>
<meta content='ضع اسم الموقع' property='og:title'/>

7-كود خاص ب تويتر :

<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'/>

8-كود خاص ب الفيس :

<meta content=' ضع الايدي الخاص بصفحتك ' property='fb:page_id'/>
<meta content=' ضع الايدي الخاص بك ' property='fb:admins'/>

9-اكواد خاصة ل بوتات البحث:

<meta content='global' name='target'/>
<meta content='global' name='distribution'/>
<meta content='general' name='rating'/>
<meta content='3 days' name='revisit-after'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='index, follow' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='all' name='spiders'/>
<meta content='all' name='WEBCRAWLERS'/>

10-قسم خاص بتوضيح لغة المدون والمدونة ومكانهما :

<meta content='ar_AR' property='og:locale'/>
<meta content='en_EN' property='og:locale:alternate'/>
<meta content='ar' name='language'/>
<meta content='ضع بلدك' name='geo.placename'/>

لمعرفة المزيد وطريقة تركيبها وتعديلها تابع الفيديو

الدرس التاسع اعداد ملف robots.txt

noreply@blogger.com (tec2tek) — Mon, 23 Mar 2020 11:31:00 +0200

اعداد ملفrobots.txt وارشقة المدونة

صورة الموضوع

سوف نتحدث في هذا الدرس عن كيفية اعداد ملف robots.txt وكيفية فحص الكود الخاص بنا عن طريق google

السلام عليكم ورحمة الله وبركاته بسم الله والصلاة والسلام على رسول الله ، ثم اما بعد :

ماهو ملف روبوت Robots.txt وما اهميته؟

باختصار شديد ملف روبوتس Robots.txt هو ملف يقوم بتوجيه روبوتات وعناكب البحث للصفحات المهمة علي موقعك او الصفحات التي سيتم ارشفتها حيث يخبر هذا الملف عناكب البحث بان هذه الصفحات هي الاهم علي موقعك وهي التي سوف يتم ارشفتها, ويبعدهم ايضاً عن الصفحات غير المهمة والتي لايجب علي عناكب البحث ارشفتها واظهارها علي محركات البحث.

طريقة التركيب :

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

مكان اضافة كود ال robots.txt

الاعدادات ------->‏ملف robots.txt مخصص -------->نعم ثم الصق الكود

مكان وضع الكود

User-agent: *
Disallow: /
Allow: /
Sitemap: https://xxxxxxx.blogspot.com/sitemap.xml

للتاكد من الملف يمكنك التأكد باستخدام ادة التحقق الخاصة بغوغل من هنا

حيث يعد الخيار:
User-agent: هو الخيار الذي يحدد انواع الروبوتات التي تريد التعامل معها وهي كثيرة للاطلاع عليها من هنا او الخاصة ب غوغل من هنا وفي حال اردت كتابة كود ل كل ال Robots تضع رمز ال *
Disallow: هو الخيار الذي نحدد الصفحات الغير مسموح ارشفتها في حال عدم الوجود اتركها كما هي
Allow:هو الخيار الذي نحدد الصفحات المسموح ارشفتها اتركها كما هي للارشفة الكاملة
Sitemap: مكان ال Sitemap بدل اللون الاحمر برابط مدونتك

من ثم نقوم بالتعديل (علامات روؤس مخصصة لبرامج ال robots)كما في الصورة

كيفية اعداد ملفات رؤوس مخصصه

حيث تكون معنى العبارات كما يلي في حال ارت التعديل فيما يناسبك

all: يعتبر هذا الخيار عام حيث يخبر عناكب البحث ان تأرشف كل شئ علي المدونة.

noindex: يقوم هذا الامر بعدم ارشفة محتوي الصفحة علي محركات البحث.

nofollow: يخبر عناكب البحث ان لاتقوم بتتبع هذه الروابط الموجودة في صفحة ما.

none: هذا الخيار ليس له تأثير فهو يشبه كثيراً noindex&nofollow .

noarchive: يمنع هذا الامر العناكب من عرض نسخه مخبأة للصحفات.

nosnippet: يمنع ظهور المقتطفات المنسقة "structured markup" في نتائج البحث .

noodp: تمنع عرض اي بيانات من هذه الصفحة من خلال dmoz.

notranslate: تمنع ترجمه محتوي الصفحات التي تحتوي علي هذا الامر.

noimageindex: تخبر عناكب البحث بعدم فهرسة الصور داخل الصفحات.

unavailable_after: يقوم هذا الخيار بعدم عرض صفحة ما unavailable page بعد مدة معينة تقوم بتحديدها.
اذا لم تكن اضفت ملفات ال sitmap في ادوات مشرفي المواقع اقرأهنا

لمزيد من المعلومات متابعة الفيديو

الدرس الثامن ربط وارشفة المدونة بمحركات البحث| search settings

noreply@blogger.com (tec2tek) — Mon, 23 Mar 2020 11:31:00 +0200

ربط وارشفة المدونة بمحركات البحث| search settings

نبدأ الدرس الثامن قي سلسلة انشاء مدونة احترافية من الصفر وهو درس هام جدا في سلسله الدروس

سوف نتحدث في هذا الدرس عن كيفية ربط المدونة مع اهم محركي بحث وهو google و bing

السلام عليكم ورحمة الله وبركاته بسم الله والصلاة والسلام على رسول الله ، ثم اما بعد :

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

حيث وصف المدونة هو الوصف الذي يظهر تحت الرابط عند البحث عن شيء في غوغل او غيرها

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

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

1-Google Search Console:

فهو خاص بارشفة المدونة وهو موضوع هذا الدرس

عند الضغط على تعديل تذهب الى صفحة خاصة وهي صفحة الربط مع google

او عن طريق الضغط هنا.

او عن طريق البحث في google عنGoogle Search Console

تضهر لنا صفحة مشابهة لما يلي

نضع عنوان المدونة فننتقل الى الصفحة التاليه

ومن تبويب ملفات sitmap نذهب ونضيف الاوامر التالية

rss.xml

feeds/posts/default

atom.xml?redirect=false&start-index=1&max-results=100

atom.xml

sitemap.xml

/feeds/posts/default

/feeds/posts/summary

2-bing search console:

عن طريق الضغط هنا.

او عن طريق البحث في google عنGoogle Search Console

تضهر لنا صفحة مشابهة لما يلي

بعد تسجيل الدخول واختيار الايميل يضهر لنا كما في الصورة

نضع عنوان المدونة الخاص بنا ومن ثم نضغط اضافة

نضع المعلومات الخاصة بنا حيث اضافة sitmap هو عبارة عن رابط مدونتك مضافا لها sitmap.xml
كما يلي
https://xxxxx.blogspot.com/sitemap.xml
نضع مكان اللون الاحمر رابط مدونتنا
لمزيد من المعلومات تابع الفيديو

الدرس السابع ضبط اعدادات المدونة2 |Blogger Settings 2

noreply@blogger.com (tec2tek) — Thu, 19 Mar 2020 13:24:00 +0200

الدرس السابع ضبط اعدادات ل مدونة 2|Blogger Settings 2

سوف نتحدث في هذا الدرس عن الاعدادات في المدونة ونشرح كل تبويب فيها

السلام عليكم ورحمة الله وبركاته بسم الله والصلاة والسلام على رسول الله ، ثم اما بعد :

في هذا الدرس سوف نتكلم عن التبويبات التاليه :

1:بريد الكتروني.

2: اللغة والتنسيق.

3: أخرى .

4: اعدادات المستخدم.

1- بريد الكتروني:

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

ونستطيع انشاء رسائل الكترونيه الى الادمن(المسؤول عن المدونة)عند تلقي تعليقات على موضوع ما.

ونستطيع انشاء رسائل الكترونيه الى اعضاء المدونةعند نشر موضوع ما.

2- اللغة والتنسيق:

وفيه يتم تحديد لغة المدونة المطلوب

وتحديد السماح بالترجمة الصوتيه او لا

وتحديد تنسيق الوقت المفضل لدينا

3- اخرى:

*وفيه يتم عمل نسخة احتياطيه واستعادتها عن المواضيع والتعليقات في حال حدوث خطأ معين نستطيع استعادتها او في حال نقل مواضيع المدونة الى مدونة اخرى

او ادارة الفيديوهات الموجودة على المدونة ويفضل عدم رفع الفيديوهات على المدونة مباشرة

*حذف المدونة في حال عدم الحاجة لها

*انشاء خلاصة موقع الويب وهو مهم جدا لارشفة المدونة على محركات البحث يفضل وضع نعم

عنوان url خاص لتوجيه الرسائل يفضل عدم التغيير

*تذييل موجز النشر سيظهر هذا الخيار بعد كل مشاركة تُرسِلها في خُلاصة المُشاركات. إذا كنت تستخدم إعلانات أو إضافات خلاصات أطراف ثالثة، يمكنك إدخال ذلك الرمز هنا. عليك أيضًا ضبط الإعداد السماح بخُلاصات المدوَّنات إلى كامل (أعلاه).

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

*محتوى للبالغين :هل تحتوي هذه المدونة محتوى خاص للبالغين ام لا

*احصاءات غوغل سوف يتم الشرح عنها بشكل خاص

4-اعدادات المستخدم:

وفيه يتم ضبط الملف الشخصي الخاص او استخدام مسودة بلوجر

لمزيد من المعلومات تابع الدرس

الدرس السادس ضبط اعدادات المدونة |Blogger Settings

noreply@blogger.com (tec2tek) — Wed, 18 Mar 2020 16:03:00 +0200

الدرس السادس ضبط اعدادات ل مدونة 1|Blogger Settings 1

السلام عليكم ورحمة الله وبركاته بسم الله والصلاة والسلام على رسول الله ، ثم اما بعد :

سوف نتحدث في هذا الدرس عن الاعدادات في المدونة ونشرح كل تبويب فيها

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

1- الاعدادات الاساسية :

* الاساسية:

تقسم الى ما يلي:

العنوان:وهنا نكتب عنوان المدونة المراد عرضه

الوصف: وهنا نكتب الوصف المراد لمدونتنا ماذا تشمل عن ماذا تتكلم هذه المدونة

الخصوصية:وهذا الخيار خاص بحيث اذا كنت تريد (عرض اواضافة) هذه المدونة في محركات البحث ام لا

وفيها رابط المدونة في حال اردنا التعديل عليه وخيار اخر في حال اردنا استضافة المدونة على دومين معين

*النشر:

عنوان المدونة : وهو خيار يتيح لك تغيير الرابط الاساسي لمدونتك xxxx.plogspot.com

*https:

وهو ان كنت تريد استخدام نظام الاتصال المشفر او الاتصال العادي

*يفضل وضع نعم لكي لا تصبح عرضه لكشف معلومات الاتصال الخاصة بالزوار

|*الأذونات:

وتقسم الى ما يلي
مؤلفو المدونات الإلكترونية :وهنا يتم اضافة المشرفين والمؤلفين للمدونة.

قراء المدونة الإلكترونية:وهنا يمكنك التعديل على من يستطيع قرائه المواضيع في حال اردت لمجموعة معينة قرائة المواضيع اوالمؤلفين فقط

2- المشاركات والتعليقات والمشاركة :

1- المشاركات:

الحد الأقصى لما يتم عرضه: وهو عدد التدوينات التي تظهر في الصفخة الرئيسية يفضل الا تزيد عن 10 تدوينات

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

عرض الصور في العرض المبسط :هذا الخيار اذا اردت ان تعرض الصور في داخل الموضوع او في صفحة خاصة عند الضغط عليها * يفضل ان تضع نعم لبقاء الزائر اكبر فترة في المدونة.

2- التعليقات :

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

لمزيد من المعلومات متابعة الدرس

الدرس الخامس قالب التنظيف | Cleaning Template

noreply@blogger.com (tec2tek) — Fri, 13 Mar 2020 12:19:00 +0200

الدرس الخامس قالب التنظيف مدونة | Cleaning Template

سوف نتحدث في هذا الدرس عنقالب التنظيف في المدونة واين يستخدم وطريقة تركيبه

السلام عليكم ورحمة الله وبركاته بسم الله والصلاة والسلام على رسول الله ، ثم اما بعد :

عندما نقوم بانشاء مدونة فهناك بعض المشاكل التي قد تواجهنا فيما يلي بعض الحلول وبعض النصائح لمن ينشئ مدونة جديدة قبل البدا بكتابة اي موضوع وبعض حلول مساكل القالب كيفية تغيير القالب الكلي وامور كثيرة

1-قالب التنظيف:

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

خطوات تغيير قالب موجود مسبقا :

1- القيام بعمل نسخة احتياطية للمدونة:

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

2-مسح القالب القديم من اكواد html بشكل كامل من تبويب تعديل html

3- لصق الكود التالي في مكان الاكواد السابقة وهو عبارة عن قالب فارغ لا يحتوي شيء بداخله قم نضغط حفظ

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>

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

-----------------------------------------------

Name : CNMU Cleaning Template

Designer URL : https://tek2tec.blogspot.com//

year : 2020

----------------------------------------------- */

]]></b:skin>

</head>

<body>

<b:section class='main' id='main' showaddelement='yes'>

<b:widget id="Blog1" locked="true" type="Blog" />

</b:section>

</body>

</html>

4- نقوم بتركيب القالب الجديد من تبويب نسخ استعادة كما في الدرس الثالث. وهكذا نستطيع تركيب قالب جديد لمدونتنا

لمزيد من التفاصيل تابع الدرس هنا

..........................................................

الدرس الرابع تخصيص قالب بلوجر واضافة ادوات له|layout lerning and how to add html

noreply@blogger.com (tec2tek) — Mon, 9 Mar 2020 16:23:00 +0200

الدرس الرابع :كيفية تخصيص قالب مدونة بلوجر|layout lerning and how to add html

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

السلام عليكم ورحمة الله وبركاته بسم الله والصلاة والسلام على رسول الله ، ثم اما بعد :

ما هو التخطيط ؟!

التخطيط : قسم من أدوات التحكم فى مدونات بلوجر لتنسيق القالب وإضافة الأدوات

حيث تنظم فيه شكل قالبك وتضع فيها إضافات تخدم زائريك وموقعك

أهم الإضافات والادوات التى يجب توافرها فى كل مدونة :

1 - المشاركات الشائعة : هى أداة مهمة جداً يظهر فيها اكثر الموضوعات زيارة خلال مدة تحددها ( كل الوقت ، أخر شهر ، اخر 7 أيام ) ويظهر فيها عدد من 1 : 10 موضوع حسب اختيارك وفائدتها انها تزيد من الروابط الداخلية للموقع ومدة بقاء الزائر داخل موقعك حيث يتصفح اهم مواضيعك

2 - أرشيف المدونة : ارشيف المدونة يعتبر بمثابة فهرس للمدونة حيث يظهر فيها كل مواضيعك من البداية بنظام محدد تحدده انت

3 - الملف الشخصى : حيث يظهر فيه حساب مسئول المدونة او المسئولين ليتمكن الزوار من معرفة أصحاب المدونة ومتابعتهم والتعرف عليهم

4 - رأس الصفحة : وفيه يظهر عنوان مدونتك او الشعار الخاص بها

كود تثبيت ابعاد الصورة في حال اردت التعديل عليه

طريقة ايجاده نضغط غلى المظهر---->تعديل كود html ثم نضغط على مكان فارغ من الاكواد ونقوم بالضغط على ازرار( ctrl+f)ونبحث عن كلمة header-logo img في مربع البحث حتى نصل الى كود مشابه للكود التالي:

.header-logo img{height:auto;max-height:90px;margin:14px 0 0;max-width:100%}

حيث الرقم في اللون الاصفر هو: ارتفاع \طول الصورة التلقائي
اما الرقم في اللون الازرق:هو لمعايرة مكان الصورة* نقوم بالتعديل عليهم للحصول على الشكل المطلوب.

5 - متابعة بالبريد الالكترونى : حيث تظهر الاضافة كـ مربع نصى يدخل فيه الزائر بريده الالكترونى لمتابعة جديد مدونتك على بريده الالكترونى

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

7 - تابعنا على : وهى اضافة خارجية تقوم بإضافتها عن طريق HTML/JavaScript

8- رمز مفضلة: وهو رمز الصفخة الذي يظهر في اعلى الصفحة في المتصفح

9-Social Media Icons: وفيها يتم وضع قائمة التواصل الاجتماعي الخاصة بك وفي القالب المستخدم

للشرح الايقونات المتواجدةفي القالب:facebook,twitter,rss,gplus,youtube,skype,stumbleupon,

tumblr,vine,overflow,linkedin,dribbble,soundcloud,behance,

digg,instagram,pinterest,delicious,codepen

ويعد الاكثر استخداما بين الايقونات :youtube وtwitterوfacebookوpinterestوinstagram

10-ads: هنا حيث يتم وضع كود الاعلان في حال اردت ان تضع صورة خاصة بك تكتب الرمز التالي

<true><a href="#"><img alt="LightBlog" src="ضع رابط الصورة المراد (ابعاد الصورة (659,90)" /></a></true>

مع استبدال ضع رابط الصورة ------->>>>> برابط الصورة المرادة

11-اضافة اداة فيس بوك :وهي عبارة عن اضافة HTML/JavaScript شكل الاضافة

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

والكود الخاص بها هو

<center><div class="fb-page" data-href="ضع رابط صفحة الفيس" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center>

مع استبدال ضع رابط الفيس ------->>>>> برابط صفحتك على الفيس

12-اضافة اداة عداد التواصل :

الكود الخاص بها هو

<div class="social-counter"><ul id="social"><li class="item-social facebook count=3.5k;"><a href="ضع رابط صفحة فيس بوك"><i class="item-icon fa"></i><span class="item-count">3.5k</span><span class="item-text">اعجاب</span></a></li><li class="item-social twitter count=1.7k;"><a href="ضع رابط صفخة تويتر"><i class="item-icon fa"></i><span class="item-count">1.7k</span><span class="item-text">تابع</span></a></li><li class="item-social youtube count=2.8k;"><a href="ضع رابط اليوتيوب"><i class="item-icon fa"></i><span class="item-count">2.8k</span><span class="item-text">اشتراك</span></a></li><li class="item-social pinterest count=524;"><a href=" pinterest ضع رابط "><i class="item-icon fa"></i><span class="item-count">524</span><span class="item-text">تابع</span></a></li><style type="text/css">.social-counter{margin:0;padding:0;overflow:hidden}.social-counter ul{margin:0;padding:0}.social-counter ul li{list-style: none;width:42%;float:left;text-align:left;margin:0 0 5px;padding:0 0 5px;position:relative; position: relative;border: 1px solid #f5f5f5;padding: 7px;}.social-counter ul li:nth-child(2),.social-counter ul li:nth-child(4),.social-counter ul li:nth-child(6),.social-counter ul li:nth-child(8){float:right}.social-counter ul li a{margin:0;padding:0}.item-icon{float:left;position:relative;text-align:center;vertical-align:middle;color:#fff;margin:0;display:inline-block;width:32px;height:32px;line-height:32px;font-size:16px;border-radius:2px}.hide-count{display:none}.item-count{display:inline-block;color:#333;font-weight:700;font-size:13px;line-height:32px;float:left;padding-left:10px}.item-text{float:right;display:inline-block;color:#666666;font-size:11px;line-height:32px;font-weight:400}.item-social.facebook .item-icon{background-color:#5271b3}.item-social.twitter .item-icon{background-color:#49aff8}.item-social.gplus .item-icon{background-color:#cb2027}.item-social.rss .item-icon{background-color:#FFC200}.item-social.youtube .item-icon{background-color:#eb1a21}.item-social.dribbble .item-icon{background-color:#ea4c89}.item-social.instagram .item-icon{background-color:#4E729A}.item-social.pinterest .item-icon{background-color:#cb2027}.item-social.facebook .item-icon:before{content:"\f09a"}.item-social.twitter .item-icon:before{content:"\f099"}.item-social.gplus .item-icon:before{content:"\f0d5"}.item-social.rss .item-icon:before{content:"\f09e"}.item-social.youtube .item-icon:before{content:"\f16a"}.item-social.instagram .item-icon:before{content:"\f16d"}.item-social.dribbble .item-icon:before{content:"\f17d"}.item-social.pinterest .item-icon:before{content:"\f0d2"}.social-counter ul li:hover .item-icon{background-color:#222222}.social-counter ul li:hover .item-text{color:#01BD5D}</style></ul></div>

13-اضافة اداة تابعنا على:وهي عبارة عن اضافة HTML/JavaScript شكل الاضافة
الاداة تحتوي على شكلين الشكل الاول البسيط

فقط نقوم بلصق كود HTML/JavaScript

<div class="kt-social-buttons-widget"><ul class="sidebar-social clearfix"><li><a href="ضع رابط تويتر هنا" class="social-btn-twitter">تابعنا عبر تويتر<i class="fa fa-twitter"></i> </a></li><li><a href="ضع رابط فيس بوك هنا" class="social-btn-facebook">تابعنا عبر الفيس بوك <i class="fa fa-facebook"></i> </a></li><li><a href="ضع رابط يوتيوب هنا" class="social-btn-youtube">تابعنا في اليوتيوب <i class="fa fa-youtube"></i> </a></li><li><a href="ضع رابط انستغرام هنا" class="social-btn-instagram">تابعنا في انستجرام <i class="fa fa-instagram"></i> </a></li></ul></div>

وللحصول على لشكل التالي

نذهب الى المظهر------->تعديل كود html

نبحث عنstyle type:

ثم نضع الكود التالي في الاسفل

.kt-social-buttons-widget ul {list-style: none;padding-left: 0; text-align: center;}.kt-social-buttons-widget li a {font-size: 10px;text-transform: uppercase; letter-spacing: 0px;text-decoration: none;display: block;padding: 10px 1px 10px 10px;}.kt-social-buttons-widget ul li {width: 100%;margin-bottom: 10px;}.kt-social-buttons-widget li a.social-btn-twitter {background: #1da1f2;color:#fff;}.kt-social-buttons-widget li a i {float: right;width: 35px;height: 14px;line-height: 14px;text-align:center ;margin: 0;padding: 0 0 0 10px;font-size: 14px;}.kt-social-buttons-widget li a i {border-left: 1px solid #666;line-height: 14px;}.kt-social-buttons-widget li a.social-btn-facebook {background: #3b5998;color:#fff;}.kt-social-buttons-widget li a.social-btn-youtube {background: #cd201f;color:#fff;}.kt-social-buttons-widget li a.social-btn-instagram {background: #405de6;color:#fff;}.kt-social-buttons-widget li a:hover {color: #0a0a0a !important;background:#f8f8f8 !important;

لمزيد من المعلومات تابع الفيديو :

الدرس الثالث -كيفية تغيير قالب المدونة|Blogger Template

noreply@blogger.com (tec2tek) — Fri, 6 Mar 2020 14:59:00 +0200

الدرس الثالث:

كيفية اختيار القالب المناسب ل مدونة |Blogger Template:

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

السلام عليكم ورحمة الله وبركاته بسم الله والصلاة والسلام على رسول الله ، ثم اما بعد :

يجب ان تنظر الي هؤلاء ال اشياء قبل التركيب سواء قالب مدفوع او مجاني

1-بساطة الشكل التي تجعل الزائر يستطيع التعامل مع المدونة
2-اماكن وجود الاعلانات هل يصل لها الزائر ام لا

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

خطوات اختيار القالب:

نكتب في بحث غوغل قوالب مدونة جاهزة

ننظر الى الشكل المناسب للمدونة التي ستقوم بانشائها ثم ننتقل الى صفحتها

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

نقوم بتحميل القالب

نقوم بتركيب القالب كما في الصورة

نضغط على المظهر ومن ثم نضغط نسخ احتياطي\استعادة ومن ثم نضغط اختيار ملف ونضغط تحميل

نضغط على عرض المدونة لمشاهدة القالب

لمزيد من المعلومات تابع الفيديو

الدرس الثاني-كيفية انشاء مدونة |how to buled blogger

noreply@blogger.com (tec2tek) — Wed, 4 Mar 2020 14:02:00 +0200

نبدا بثاني الدروس وهو كيفية انشاء مدونة احترافية مجانا من الصفر والربح منها|how to buled blogger :

1- تدخل على الرابط التالي من هنا من ثم نقوم بتسجيل الدخول الى حساب الgmail الخاص بنا
*اذا لم يكن لديك ايميل تعلم كيفية انشاء ايميل في gmail 2020 من هنا

2-نضغط غلى انشاء المدونة ومن ثم نكتب اسم المؤلف (ليس اسم المدونة يرجى الانتباه)
3-نضغط على انشاء المدونة فتظهر لنا الصورة التاليه

في المربع رقم 1 نكتب اسم المدونة التي تظهر في الصفحة الرئيسيه
في المربع رقم 2 نكتب رابط المدونة ويجب ان يكون في اللغة الانجليزية حصرا من ثم نضغط في اي مكان للتاكد ان الرابط مقبول ام لا *ادا لم يكن مقبولا نقوم بالتغيير في الرابط حتى يصبح مقبولا
نختار شكل المدونة الافتراضي (سيتم تغييره شاهد كيفية تغيير الرابط من هنا)
نضغط انشاء المدونة.

لمزيد من المعلومات تابع الفيديو

الدرس الاول-كيفيه انشاء بريد الكتروني gmail لمدونة بلوجر

noreply@blogger.com (tec2tek) — Sat, 29 Feb 2020 16:10:00 +0200

كيفيه انشاء بريد الكتروني gmail ل مدونة بلوجرhow-to-mack-gmail

السلام عليكم ورحمة الله وبركاته بسم الله والصلاة والسلام على رسول الله ، ثم اما بعد :

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

صورة خاصه بالدرس الاول

كيفية انشاء ايميل على شركة غوغل(جوجل) لانشاء مدونة عليه:

الذهاب ال صفخة غوغل على الموقع الرسمية من هنا

نضع اسم المستخدم(الاسم الاول لمنشئ المدونة)
نضع اللقب (لقب منشئ المدونة)
الايميل المطلوب (ايميل منشئ المدونة)ملاحظة :من الممكن ان يكون الايميل غير متاح فيتم تغييره او التعديل عليه حسب اقتراح غوغل او كما تريد.
نضع كلمة المرور للايميل المطلوب وينصح اختيار كلمة مرور يصعب تخمينها وتتكون من احرف , ارقام ,احرف كبيرة , رموز.
تاكيد كلمة المرور
هي اشارة اذا كنت تريد مشاهدة كلمة السر والتاكيد في حال اردت التاكد
نضغط التالي .

عند الضغط على التالي تظهر لنا كما في الصورة

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

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

*يفضل الضغط على تاكيد يفيد جدا تاكيد رقم الهاتف في حال فقدان الايميل لاي سبب كان

*اذا قمت بالضغط على ارسال سوق تصل رساله الى الهاتف فيها كود مكون من 6 ارقام قم بادخاله قم الضغط على تاكيد

نضغط على تخطي

نقوم بالتعليم على اوافق على الشروط

من ثم نضغط على انشاء حساب

ومن ثم نضغط على تاكيد

مبارك قد قمت بالخطوة الاولى بشكل صحيح وكامل واصبح لديك ايميل على شركة gmail

وبهذا نكون قد انتهينا من اول درس في دورة انشاء مدونة الكترونية.....