آخر المواضيع

‏إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل

2020/03/25

4:32:00 م

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

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


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








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

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

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

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


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

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

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

تقسم الميتا تاج لاقسام كثيرة فمنها :
  1. قسم خاص بشرح عم تتكلم الصفحة او المدونة
  2. قسم خاص بالكلمات المفتاحية الخاصة بالمدونة او الصفحة 
  3. قسم خاص ب البوتات ويخبرها متى تاتي للصفحة ويخبرها بلغة واسم المدون ولغة واسم المدونة والايقونة الخاصة بالمدونة
  4. قسم خاص للربط بمحركات البحث(اكواد التحقق لمحركات البحث)
  5. قسم خاص بصفحة الفيسبوك والادمن 
  6. قسم خاص ب تويتر وصفحة الادمن 
  7. قسم خاص يخبر البوتات بارشيف المواضيع والرسائل ومحتوى المدونة
  8. قسم خاص بعنوان المدونة او الصفحة

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

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

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


2020/03/23

11:31:00 ص

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

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


 اعداد ملف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 في ادوات مشرفي المواقع  اقرأهنا
لمزيد من المعلومات متابعة الفيديو

11:31:00 ص

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

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

ربط وارشفة  المدونة بمحركات  البحث| 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
نضع مكان اللون الاحمر رابط مدونتنا
لمزيد من المعلومات تابع الفيديو




2020/03/19

1:24:00 م

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

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


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





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



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


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

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

3: أخرى .

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


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


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

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


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

3- اخرى:


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


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



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


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








2020/03/18

4:03:00 م

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

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






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

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


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


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



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

* الاساسية:

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

*النشر: 

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

*https:

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

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


|*الأذونات:



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

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




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

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

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


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



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

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



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



2020/03/13

12:19:00 م

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

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





الدرس الخامس قالب التنظيف مدونة | 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- نقوم بتركيب القالب  الجديد من تبويب نسخ استعادة كما في الدرس الثالث. وهكذا نستطيع تركيب قالب جديد لمدونتنا 
  لمزيد من التفاصيل تابع الدرس هنا 





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

2020/03/09

4:23:00 م

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

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


الدرس الرابع :كيفية تخصيص قالب مدونة بلوجر|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;
لمزيد من المعلومات تابع الفيديو :








من نحن

authorمرحبا، أسمي عماد وهذه مدونتي أسعى دائما لأقدم لكم أفضل المواضيع الخاصة بالتكنلوجيا
المزيد عني →

التصنيفات

التسميات

بلوجر (10)

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *