مدمن ويب: شروحات

كيفية تضمين فيديو YouTube Shorts على صفحة ويب أو مدونة

كيفية تضمين فيديو يوتيوب قصير YouTube Shorts على صفحة ويب أو مدونة

تعرف كيف يمكنك تضمين فيديو يوتيوب YouTube Shorts على صفحة ويب أو مدونة وكيفية إدراج مقاطع يوتيوب القصيرة داخل صفحة ويب أو مشاركة/موضوع مدونة بكل سهولة. Learn How You Can Embed YouTube Shorts on Your Website or Blog Post.

أطلق يوتيوب مؤخرًا ميزة جديدة للفيديوهات القصيرة والتي تسمى "SHORTS" حيث يمكنك إنشاء مقاطع فيديو قصيرة لمشاركتها على قناتك على اليوتيوب. الفكرة من وراء مقاطع الفيديو هذه هي توفير محتوى أقصر وأسرع يمكن لمستخدمي الهاتف المحمول استهلاكه بسرعة وبشكل أساسي لمنافسة الريلز في الفيسبوك Facebook Reels وستوريات انستغرام.

مدمن ويب ديسمبر 01, 2022

كيفية إعداد مدونة بلوجر على نطاق فرعي (دومين فرعي) مخصص

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

بعد قراءة هذا الشرح، سوف تصبح قادر على إنشاء مواقع ويب و مدونات بلوجر وربطها بنطاق (دومين) مخصص واحد من خلال النطاقات الفرعية Subdomains.

مدمن ويب يونيو 26, 2022

كيفية تضمين فيديو يوتيوب في صفحة ويب مع خاصية Lazyload و عرض متجاوب

تطوير بلوجر تطوير ويب

في مقال اليوم، سنعرف كيفية تضمين فيديو من يوتيوب بخاصية التحميل الكسول أو البطيء"Lazy Load" داخل صفحة ويب أ, مقال مدونة بشكل صحيح وبعرض متجاوب مع كل الشاشات (How to properly embed a YouTube Video with Lazyload and Responsive) بطرق وأشكال مختلفة والتي من خلال تطبيق أي منها سنتمكن من تضمين فيدوهات يوتيوب في صفحات الويب مع خاصية التحميل الكسول لضمان عدم تأثير فيديو المضمن من يوتيوب على سرعة تحميل صفحة الويب.

مدمن ويب يونيو 21, 2022

كيفية إزالة ?m=1 من روابط مدونات بلوجر لتحسين محركات البحث

تطوير بلوجر تطوير ويب

كيفية حذف ?m=1 من روابط مدونات بلوجر لتحسين محركات البحث

عادة ما تظهر اللاحقة ?m=1 في رابط مدونات بلوجر عندما يتم تصفح المدونة من أجهزة الجوال الأمر الذي يبدو غريباً بعض الشيء ومعظم المستخدمين لا يحبونه. بالإضافة إلى أن بعض مدونات بلوجر قد تواجه مشكلات تكرار المحتوى في تحسين محركات البحث بسبب m=1 في روابط في مدونة بلوجر. والكثير يرغبون بإزالة اللاحقة m=1 أو m=0 من روابط مدونات بلوجر والتي يواجهوان صعوبة في معرفة كيفية عمل ذلك. لذا في هذا المقال سأقدم لك أسهل طريقة آمنة لحذف ?m=1 من روابط مدونات بلوجر لتحسين محركات البحث وحل مشكلة المحتوى المكرر.

Faisal2n فبراير 27, 2022

كيفية إنشاء مستودع ملفات على GitHub واستخدامه لاستضافة ملفات موقعك

تطوير ويب شروحات

أهلا أصدقاء، اليوم سأقدم لكم شرح حول كيفية إنشاء مستودع ملفات على GitHub واستخدامه لاستضافة الملفات وهي إحدى مزايا موقع GitHub، والتي يمكن الإستفادة منها لرفع الملفات والسكربتات Javascript لإستخدامها في المواقع وخصوصا التي تعمل على منصات قد لا توفر خاصية إستضافة الملفات كمدونات بلوجر.

مدمن ويب فبراير 20, 2022

أسهل طريقة لفتح المواقع المحجوبة والمحظورة على الكمبيوتر

برامج وتطبيقات شروحات

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

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

مدمن ويب فبراير 19, 2022

طريقة تحويل الكلمات الرئيسية إلى روابط ذكية لتحسين محركات البحث في مدونات بلوجر

تحسين محركات البحث SEO تطوير بلوجر

بعد توقفي لفترة عن مقالات تطوير بلوجر، عدت لكم اليوم بشرح رائع لإضافة مميزة لإنشاء الروابط الذكية لتحسين محركات البحث SEO Smart Link في مدونات بلوجر. والتي هي في الواقع إضافة أو أحد المكونات الإضافية المميزة في منصة ووردبريس ولكن هذا المقال سأشرح لكم كيفية تركيب إضافة تحويل الكلمات الرئيسية إلى روابط ذكية لتحسين محركات البحث في مدونات بلوجر Blogspot.

إقرأ أيضا: كيفية إعداد مدونة بلوجر على نطاق فرعي (دومين فرعي) مخصص .

مدمن ويب فبراير 05, 2022

طريقة إضافة صندوق مراجعة وتقييم المنتجات لمدونات بلوجر

تطوير بلوجر تطوير ويب

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

كما أن صندوق مراجعة وتقييم المنتجات تم تصميمه بإحترافيه (بأكواد HTML و CSS فقط) ليتوافق مع جميع المدونات وللعرض على مختلف الشاشات بشكل متجاوب ومميز ولا يحتاج إلى جافا سكربت كما أن طريقة تركيبه بسيطة جدا وبإمكان أي شخص أن يضيفها إلى مدونته على بلوجر.

يمكنكم مشاهدة مثال لصندوق مراجعة وتقييم المنتجات من هنا

Faisal2n أكتوبر 17, 2021

كيفية تخصيص كل تسمية أو تصنيف بلون مخصص في بلوجر (التصنيفات بألوان مختلفة)

تطوير بلوجر تطوير ويب

كيفية تخصيص لون لكل تسمية أو تصنيف في بلوجر (التصنيفات بألوان مختلفة)

في هذا المقال، سأشارككم ميزة أو إضافة أكثر من رائعة لمدونات بلوجر، حيث سأقدم شرح لكيفية تخصيص لون معيّن لكل تسمية أو تصنيف (كل تسمية/تصنيف له لون مختلف) في مدونات بلوجر من خلال إستخدام كود CSS فقط، لإعطاء المدونة مظهر جمالي أكثر من رآئع ومميز بإظهار التسميات أو التصنيفات بألوان مختلفة.

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

بالإمكان إستخدام هذه الميزة أو الإضافة لتخصيص (لون الخط، حجم الخط، الخلفية، نوع الخط، تأثير الرابط وغيره) لتسمية أو تصنيف مُعيّن فقط أو لعدة منها أو لجميعها.

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

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

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

مدمن ويب أكتوبر 05, 2021

طريقة تصوير وتسجيل الشاشة مع إمكانية تحرير الفيديو (بدون برامج)

أدوات وخدمات برامج وتطبيقات

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

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

موقع RecordCast يمكنك من إلتقاط وتصوير أي شيء يستحق المشاركة على شاشتك باستخدام مسجل الشاشة ومحرر الفيديو متعدد الإمكانات أونلاين وبدون حاجة لتنزيل أي برامج أو تطبيقات.

مدمن ويب أكتوبر 02, 2021

إضافة صندوق قابل للطي [Spoiler] في مواضيع بلوجر أو صفحات المواقع الإلكترونية

تطوير بلوجر تطوير ويب

اليلام عليكم، اليوم سأقدم لكم ضمن سلسلة دروس تطوير بلوجر طريقة إضافة صندوق قابل للطي [Spoiler] في مواضيع بلوجر بستايل مميز وبسيط وبدون أي سكربتات، هذه الإضافة تم إنشاءها فقط بلغتي CSS و HTML أي لن تحتاج لإضافة أكزاد جافا سكربت أو روابط خارجية والتي قد تتسبب ببطء سرعة تصفح الموقع.

إقرأ أيضا: كيفية إعداد مدونة بلوجر على نطاق فرعي (دومين فرعي) مخصص .

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

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

Faisal2n سبتمبر 24, 2021

شرح تركيب تعليقات Disqus مع خاصية التحميل الكسول (Lazy Loading)

تطوير بلوجر تطوير ويب

سأشارككم اليوم ضمن سلسلة دروس تطوير بلوجر طريقة تركيب تعليقات ديسكس Disqus comments على مدونات بلوجر أو أي موقع إلكتروني مع خاصية التحميل البطيء (Lazy Loading) عند التمرير للأسفل Disqus for blogger with Lazy Loading on Scroll لتسريع المدونة أو الموقع وتجنب مشكلة تحميل الجافا سكربت الخاص بتعليقات Disqus والذي يتسبب عادة بزيادة حجم الصفحة وهو ما ينتج عنه بطىء تصفح المدونة وهو ماقد يترتب عليه أثر سلبي في تحسين أدآء الموقع لدى محركات البحث كمحرك جوجل والذي يعتبر سرعة تصفح الموقع عامل رئيسي في تحسين ظهور صفحات المدونة في نتائج البحث.

Faisal2n سبتمبر 13, 2021

شرح إضافة سمة اللغة (Lang attribute) إلى قوالب بلوجر

تطوير بلوجر تطوير ويب

شرح إضافة سمة اللغة "lang" إلى قوالب بلوجر

اليوم في مدمن ويب، أشارككم طريقة إضافة سمة اللغة lang="" إلى قوالب بلوجر والتي تساعد على تحسين أرشفة المدونات وظهور صفحاتها أعلى نتائج محركات البحث كمحرك جوجل و بينج.

إقرأ أيضا: كيفية إعداد مدونة بلوجر على نطاق فرعي (دومين فرعي) مخصص .

فلمعرفة أهميتها، قم أجرب معكم اختبار أداء موقع مدمن ويب قبل إضافة هذه السمات وبعدها ومعرفة درجة التحسين من خلال الأداة الرائعة لإختبار أداء المواقع web.dev، والتي كنت قد تحثت عنها في مقال سابق أفضل أداة لإختبار المواقع و SEO وأداءها وسرعتها وتحليلها.

تؤدي إضافة السمة "lang" إلى علامة html إلى تحديد اللغة الافتراضية لمحتوى موقع الويب. بعض سمات اللغة الشائعة هي "en" للغة الإنجليزية ، و "ja" للغة اليابانية ، و "es" للإسبانية ، و "fr" للفرنسية وما إلى ذلك.

مدمن ويب سبتمبر 06, 2021

أهم وأفضل أكواد الميتا تاج (العلامات الوصفية HTML5) لتحسين الأرشفة وتصدر نتائج محركات البحث

تحسين محركات البحث SEO تطوير بلوجر

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