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

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

محركات البحث

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

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

ماهي ضفحة سياسة الخصوصية على بلوجر؟

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

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

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

تحميل وتركيب صفحة سياسة الخصوصية على بلوجر

1. تقوم بتحميل صفحة سياسة الخصوصية
2. ثم تقوم بفك الضعط على الملف ويظهر لك ملف txt تقوم بنسخ محتواه
3. تتوجه إلى واجهة تحكم بلوجر بعد ذلك تضغط على الصفحات
4. تضغط الآن على إضافة صفحة
5. تضع عنوان للصفحة بالانجليزية privacy-policy ستقوم بتغييره فيما بعد
6. تضغط الآن على القلم الموجود على اليمين ثم تختار عرض html
7. تقوم بلصق الكود في الصفحة وتضغط على حفظ
8. كما أنه يمكنك إلغاء التعليقات على الصفحة من خلال المزيد من الخيارات الموجودة على اليسار.
9. بعد أن يتم عمل الصفحة تضغط على عرض وتنسخ الرابط الخاص بها وتضيفه إلى قائمة الصفحات.

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

1. تقوم بتحميل صفحة اتفاقية الاستخدام
2. ثم تقوم بفك الضعط على الملف ويظهر لك ملف txt تقوم بنسخ محتواه
3. تتوجه إلى واجهة تحكم بلوجر بعد ذلك تضغط على الصفحات
4. تضغط الآن على إضافة صفحة
5. تضع عنوان للصفحة بالانجليزية terms-of-use ليتم تخصيص الرابط و ستقوم بتغييره فيما بعد
6. تضغط الآن على القلم الموجود على اليمين ثم تختار عرض html
7. تقوم بلصق الكود في الصفحة وتضغط على حفظ
8. كما أنه يمكنك إلغاء التعليقات على الصفحة من خلال المزيد من الخيارات الموجودة على اليسار.
9. بعد أن يتم عمل الصفحة تضغط على عرض وتنسخ الرابط الخاص بها وتضيفه إلى قائمة الصفحات من خلال التنسيق

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

مدون ويب أبريل 19, 2025

اضافة ملف Robot txt على بلوجر شرح الطريقة الصحيحة 2025

اضافة ملف Robot txt على بلوجر شرح الطريقة الصحيحة 2025

تطوير بلوجر

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

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

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

طريقة اضافة ملف Robot txt على بلوجر 2025

اولا لتفعيل ملف روبوت تكس Robot txt على مدونة بلوجر تتوجه إلى قسم الاعدادات ومن ثم تنزل إلى الأسفل حتى تجد خيار تفعيل Robot txt وتقوم بتفعيله.

سوف تظهر لك خانة تقوم بوضع فيها الملف التالي :

User-agent: *
Disallow: /search
Allow: /

Sitemap: https://www.yourwebsite.com/sitemap.xml

مهم جدا : يجب تغيير https://www.yourwebsite.com وتستبدله برابط موقعك.

وتضغط على حفظ.

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

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

ونتمنى التوفيق للجميع.

مدون ويب أبريل 15, 2025

طريقة عرض الصور بشكل افقي على موضوع في بلوجر 2025

طريقة عرض الصور بشكل افقي على موضوع في بلوجر 2025

تطوير بلوجر

وضع الصور بشكل أفقي جنبا لجنب على بلوجر 2022

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

شرح طريقة عرض الصور أفقيا في مقال بلوجر بسهولة

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

  <table>
  <tr>
    <td><img border="0" width="350px" height="350px" src="رابط الصورة" /></td>
    <td><img border="0" width="350px" height="350px" src="رابط الصورة" /></td>
    <td><img border="0" width="350px" height="350px" src="رابط الصورة" /></td>
  </tr>
</table>

وتقوم بوضع رابط الصورة في المكان المحدد له في الكود. يمكنك اضافة اكثر من 3 صور بنسخ العمود الخاص بالصورة وتكراره td كما أنه بإمكانك تغيير ابعاد الصور من 350px الى اي ابعاد تريد حسب رغبتك وحسب قالب مدونتك.

كيف تحصل على رابط الصور في بلوجر ؟

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

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

تم الحمد لله واتمنى من الله ان ينال الموضوع اعجابكم لاتنسونا من حسن دعائكم لنا ولوالدينا وللمسلمين اجمعين.

مدون ويب أبريل 15, 2025

اضافة صفحة تحويل الروابط الخارجية احترافية على اي قالب بلوجر 2025

اضافة صفحة تحويل الروابط الخارجية احترافية على اي قالب بلوجر 2025

تطوير بلوجر

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

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

شرح طريقة تركيب صفحة تحويل الروابط احترافية وجديدة على بلوجر2025

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

الجزء الأول من الشرح : إنشاء صفحة تحويل الروابط

1. الذهاب الى واجهة تحكم بلوجر الرئيسية.
2. تقوم بالذهاب الى قسم الصفحات.
3. تقوم بعمل انشاء صفحة جديدة بالضغط على زر الزائد.
4. تضع في خانة الاسم redirect
5. تقوم بالضغط على الخيار في اليسار وتختار عدم السماح بالتعليقات إذا اردت ومن الأفضل إقفالها
6. تضغط على القلم في اليمين وتختار عرض html من أجل لصق كود الصفحة.
7. تقوم بنسخ الكود التالي وتقوم بلصقه في الصفحة

<!-- redirect Start --> <div id="pageredirect"></div> <!-- redirect End -->

الآن تضغط على نشر الصفحة بكل سهولة.

الجزء الثاني من الشرح التعديل في أكواد القالب:

1. تتوجه إلى لوحة تخكم بلوجر الرئيسية.
2. تذهب الى المظهر تضغط على قائمة منسدلة بجانب تخصيص تختار تعديل html.
3. تبحث عن الكود التالي : </b:section>
4. ستجد الكثير من الوسوم مثلها تختار اي وسم كما كان لأننا سنقوم بتغيير مكانه فيما بعد. وفوقه مباشرة تضع الكود التالي حمله من هنا.
5. الآن تضغط على حفظ القالب وتنتظر حتى يتم حفظ جميع الأكواد بنجاح.
6. تتوجه الى التنسيق وستجد الاضافة موجودة ويمكنك تغيير مكانها بسحبها لاي مكان آخر تريد.

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

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

مميزات صفحة تحويل الروابط على بلوجر

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

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

تم والحمد لله رب العالمين ولاتنسونا من حسن دعائكم لنا ولوالدينا ولكم ولجميع المسلمين.

مدون ويب أبريل 14, 2025

ازالة الشريط الجانبي من الصفحات الثابتة على اي قالب بلوجر 2025

ازالة الشريط الجانبي من الصفحات الثابتة على اي قالب بلوجر 2025

تطوير بلوجر

طريقة ازالة الشريط الجانبي او السايدبار من الصفحات الثابتة على بلوجر

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

شرح كيفية ازالة أو حذف الشريط الجاني في الصفحات الثابتة

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

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

⟸ ازالة الشريط الجانبي من جميع الصفحات الثابتة :

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

1. الذهاب الى واجهة تحكم بلوجر
2. الذهاب الى قسم المظهر
3. الضغط على قائمة منسدلة بجانب تخصيص
4. الضغط على تعديل html
5. الضغط في اي مكان داخل الاكواد الزر اليسار للفأرة
6. في لوحة المفاتيح اضغط على Ctrl + F

7. ستظهر لك خانة البحث وفيها تقوم بلصق الكود التالي :

<aside>

نسخ

8. تضغط على Enter فوق الكود الذي وجدته تقوم بوضع الكود التالي :

<b:if cond='data:blog.pageType != "static_page"'>

نسخ

9. تقوم بالبحث مرة اخرى عن الكود التالي :

</aside>

نسخ

10. اسفله مباشرة تقوم بوضع الكود التالي :

</b:if>

نسخ

الآن تضغط على حفظ القالب وستجد أن السايدبار أو الشريط الجانبي لم يعد يظهر في جميع الصفحات الثابتة.

⟸ ازالة الشريط الجانبي من صفحة معينة :

بالنسبة لازالة الشريط الجانبي من صفحة ثابتة معينة قم باتباع الخطوات التالية:

1. الذهاب الى واجهة تحكم بلوجر
2. الذهاب الى خيار المظهر
3. الضغط على قائمة منسدلة بجانب تخصيص
4. الضغط على تعديل html
5. الضغط في اي مكان داخل الاكواد الزر اليسار للفأرة
6. في لوحة المفاتيح اضغط على Ctrl + F

7. ستظهر لك خانة البحث وفيها تقوم بلصق الكود التالي :

<aside>

نسخ

8. تضغط على Enter فوق الكود الذي وجدته تقوم بوضع الكود التالي :

<b:if cond='data:blog.url != "رابط الصفحة هنا"'>

نسخ

هام جدا : قم بوضع رابط الصفحة التي تريد ازالة الشريط الجانبي فيها في المكان الخاص به داخل الكود.

9. تقوم بالبحث مرة اخرى عن الكود التالي :

</aside>

نسخ

10. اسفله مباشرة تقوم بوضع الكود التالي :

</b:if>

نسخ

الآن تضغط على حفظ القالب وستجد أن السايدبار أو الشريط الجانبي لم يعد يظهر في الصفحة الثابتة التي قمت بتحديدها.

⟸ ازالة الشريط الجانبي من الصفحة الرئيسية :

بالنسبة لازالة الشريط الجانبي من الصفحة الرئيسية قم باتباع الخطوات التالية :

1. الذهاب الى واجهة تحكم بلوجر
2. الذهاب الى خيار المظهر
3. الضغط على قائمة منسدلة بجانب تخصيص
4. الضغط على تعديل html
5. الضغط في اي مكان داخل الاكواد الزر اليسار للفأرة
6. في لوحة المفاتيح اضغط على Ctrl + F

7. ستظهر لك خانة البحث وفيها تقوم بلصق الكود التالي :

<aside>

نسخ

8. تضغط على Enter فوق الكود الذي وجدته تقوم بوضع الكود التالي :

<b:if cond='data:blog.url == data:blog.homepageUrl'>

نسخ

9. تقوم بالبحث مرة اخرى عن الكود التالي :

</aside>

نسخ

10. اسفله مباشرة تقوم بوضع الكود التالي :

</b:if>

نسخ

الآن تضغط على حفظ القالب وستجد أن السايدبار أو الشريط الجانبي لم يعد يظهر في الصفحة الرئيسية بينما يظهر في باقي الصفحات.

مدون ويب أبريل 12, 2025

إضافة صندوق عرض الأكواد على بلوجر Code Box Blogger

إضافة صندوق عرض الأكواد على بلوجر Code Box Blogger

تطوير بلوجر

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

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

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

شرح طريقة تركيب صندوق عرض الاكواد على بلوجر

قبل كل شيء قم بعمل نسخة احتياطية لقالبك الحالي

لتبسيط الشرح سنقوم بتقسيم الشرح الى جزئين أساسيين:

الجزء الاول من شرح إضافة صندوق الاكواد:

أولا تقوم باتباع الخطوات التالية :

1. التوجه الى واجهة تحكم بلوجر
2. الذهاب الى قسم المظهر 
3. الضغط على قائمة منسدلة بجانب التخصيص 
4. الضغط على تعديل html 
5. الآن تضغط في اي مكان داخل الاكواد 
6. في لوحة المفاتيح تضغط على Ctrl + F

تظهر لك خانة البحث وتقوم بلصق الكود التالي

]]></b:skin>

 نسخ

تضغط على Enter فوق الكود السابق (b:skin) تقوم بلصق الكود التالي :

HTML

pre{padding:50px 10px 10px 10px;margin:.5em 0;white-space:pre;word-wrap:break-word;overflow:auto;background-color:#2B303B;position:relative;max-height:500px;text-align:left;direction:ltr;}
pre::after{content:'اضغط مرتين للنسخ';padding:2px 10px;width:auto;height:auto;position:absolute;right:8px;top:8px;color:#ffffff;line-height:20px;background: red;font-family: 'Tajawal';}
pre:hover::after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;top:-8px;visibility:visible;}
pre code{display:block;background:none;border:none;color:#C0C5CE;direction:ltr;text-align:left;word-spacing:normal;padding:0 0;font-weight:bold;font:14px 'Consolas','Monaco',monospace,Courier,Courier New;}
pre code .token.prolog{color:#b1b1b1;}
pre code .token.doctype{color:#b1b1b1;}
pre code .token.cdata{color:#b1b1b1;}
pre code .token.url{color:#ccc;}
pre .language-css .token.string{color:#ccc;}
pre .style .token.string{color:#ccc;}
pre code .token.atrule{color:#009999;}
pre code .token.atrule{color:#1baeb0;}
pre code .token.regex{color:#ccc;}
pre code .token.important{font-weight:bold;}
pre code .token.entity{color:#759bb9;cursor:help;}
pre code .namespace{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)";filter:alpha(opacity=0.8);opacity:.8;}
pre code .token.tag,.language-markup .token.punctuation{color:#A3BE8C;}
pre code .token.attr-name{color:#C0C5CE;}
pre code .token.selector{color:#759bb9;}
pre code .token.property{color:#759bb9;}
pre code .token.comment{color:#8c919a;font-style:italic;}
pre code .token.punctuation{color:#8FA1B3;}
pre code .token.operator{color:#4d9bd8;}
pre code .token.number,pre code .token.boolean{color:#cec768;}
pre code .token.attr-value{color:#f79029;}
pre code .token.string{color:#A3BE8C;}
pre code .token.keyword{color:#94719c;font-style:italic;}
code mark{background-color:#ea4f4e!important;color:#fff!important;padding:2px;}
pre code mark{background-color:#ea4f4e!important;color:#fff!important;padding:2px;}
/*======comments pre======*/
.comments pre{padding:10px 10px 15px 10px;background:#2c323c;}
.comments pre::before{content:'Code';font-size:13px;position:relative;top:0;background-color:#f56954;padding:3px 10px;left:0;right:0;color:#fff;text-transform:uppercase;display:inline-block;margin:0 0 10px 0;font-weight:bold;border:none;}
.comments pre::after{font-size:11px;}
.comments pre code{color:#eee;}
.comments pre.line-numbers{padding-left:10px;}
/*=======line numbers========*/
pre.line-numbers{position:relative;padding-left:3.0em;counter-reset:linenumber;}
pre.line-numbers > code{position:relative;}
.line-numbers .line-numbers-rows{height:100%;position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.5em;width:3em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding:0;}
.line-numbers-rows > span{pointer-events:none;display:block;counter-increment:linenumber;}
.line-numbers-rows > span:before{content:counter(linenumber);color:#999;display:block;padding-right:0.8em;text-align:right;transition:350ms;}
pre[data-codetype='HTMLku']:before{color:#f79029;}
pre[data-codetype='CSSku']:before{color:#759bb9;}
pre[data-codetype='JavaScriptku']:before{color:#d4b447;}
pre[data-codetype='JQueryku']:before{color:#94719c;}
/*=======transition=======*/
pre::after{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
/*=======border radius=======*/
pre,.comments pre::before{border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}

نسخ

تتوجه الى خانة البحث مرة اخرى وتبحث عن الكود التالي  :

</body>

نسخ

تضغط على Enter وفوق الكود السابق وسم اغلاق Body تقوم بلصق الكود التالي : لتحميل الكواد من هنا

الجزء الثاني من شرح إضافة صندوق الاكواد:

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

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

HTML

<pre><code class="language-markup">
<!--ضع الاكواد بعد تحويلها هنا-->
</code></pre>

نسخ

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

لماذا يجب تحويل الكود قبل عرضه في المقال؟

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

ملاحظة : الجزء الأول تقوم به مرة واحدة فقط أما الجزء الثاني فتقوم به كلما تحتاج لوضع الاكواد داخل المقالة أما الجزء الثاني فيجب إضافته في كل مرة تريد إضافة أوعرض الأكواد على مقالة معينة.

تم والحمد لله رب العاليمين، ولاتنسونا من حسن دعائكم لنا ولوالدينا ولكم ولجميع المسلمين الاحياء منهم والاموات.

مدون ويب أبريل 12, 2025

أفضل قوالب بلوجر المجانية 2025 جاهزة (السيو و السرعة)

أفضل قوالب بلوجر المجانية 2025 جاهزة (السيو و السرعة)

قوالب بلوجر

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

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

اختيار قالب بلوجر مجاني لعام 2025

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

إذا كان القالب بطيئًا أو غير مُحسّن للسيو، قد يؤثر سلبًا على ترتيب مدونتك في محركات البحث، مما يقلل من عدد الزوار المحتملين.

ما هي معايير اختيار قوالب بلوجر الجيدة؟

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

1. السيو (SEO): القالب يجب أن يكون مصممًا وفقًا لأفضل ممارسات السيو لزيادة فرصة تصدر مدونتك نتائج البحث. ابحث عن قوالب تحتوي على أكواد نظيفة وتسهل عملية الفهرسة لمحركات البحث.
2. السرعة: سرعة تحميل الموقع عامل رئيسي في تحسين تجربة المستخدم. إذا كان الموقع بطيئًا، سيغادر الزوار قبل أن يتمكنوا من قراءة محتواه. تأكد من أن القالب الذي تختاره خفيف الوزن ويستخدم تقنيات متقدمة لتحسين السرعة.
3. التجاوب: يجب أن يكون القالب متجاوبًا مع جميع أنواع الأجهزة، سواء كانت أجهزة الكمبيوتر أو الهواتف الذكية أو الأجهزة اللوحية. ستؤدي القوالب المتجاوبة إلى تحسين ترتيب موقعك في محركات البحث وزيادة فرص بقاء الزوار لفترة أطول.
4. التخصيص: القدرة على تخصيص القالب وإضافة المزايا التي تحتاجها دون المساس بجودة الكود أمر مهم. تأكد من أن القالب يوفر خيارات تخصيص مرنة.

أفضل قوالب بلوجر المجانية لعام 2025

1. قالب "سيو بلس"

قالب "سيو بلس" هو أحد أفضل القوالب المتاحة لبلوجر في عام 2025. يتميز بتصميمه الأنيق والمُحسن للسيو، مما يجعله خيارًا مثاليًا للمدونات التي تركز على تحسين ظهورها في محركات البحث.

مميزاته:

• سرعة تحميل فائقة.
• دعم كامل لتحسين السيو.
• متجاوب مع جميع الأجهزة.
• خيارات تخصيص سهلة.

تحميل القالب

2. قالب "سيو فلكيس"

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

مميزاته:

• سرعة تحميل عالية.
• تصميم بسيط وجذاب.
• تحسينات متقدمة للسيو.
• متجاوب مع جميع الأجهزة.

تحميل القالب

3. قالب "Pexum"

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

مميزاته:

• تصميم متعدد الاستخدامات.
• دعم قوي للسيو والسرعة.
• متجاوب مع جميع الشاشات.
• لوحة تحكم سهلة الاستخدام.

تحميل القالب

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

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

1.  تحسين الصور: تأكد من استخدام صور مضغوطة وعالية الجودة لتحسين سرعة تحميل موقعك.
2.  استخدام الإضافات الضرورية فقط: تقليل الإضافات غير الضرورية يساعد في تسريع تحميل الموقع وتحسين تجربة المستخدم.
3.  استخدام أداة تحسين السرعة: هناك العديد من الأدوات التي تساعد في تحسين سرعة موقعك مثل Google PageSpeed Insights. استخدم هذه الأدوات لتحليل موقعك وتنفيذ التحسينات اللازمة.
4.  التركيز على محتوى عالي الجودة: القالب ليس العامل الوحيد في نجاح المدونة؛ يجب أن تركز على إنشاء محتوى عالي الجودة ومفيد لجذب المزيد من الزوار.

اختيار القالب المناسب هو أحد الخطوات الأساسية لإنجاح مدونتك. بفضل هذه القائمة لأفضل قوالب بلوجر المجانية لعام 2024، يمكنك اختيار القالب الذي يناسب احتياجاتك ويساهم في تحسين السيو وسرعة موقعك. تذكر دائمًا أن الاستمرار في تحسين مدونتك وتحسين سرعة التحميل وتحسين السيو هو مفتاح النجاح.

مدون ويب أبريل 12, 2025

طريقة إضافة ميزة "جدول المحتويات" تلقائي في بلوجر

طريقة إضافة ميزة "جدول المحتويات" تلقائي في بلوجر

تطوير بلوجر

ميزة "جدول المحتويات" (Table of Contents - TOC) في بلوجر هي خاصية تسمح بعرض قائمة منظمة لأقسام المقالة أو الموضوع المنشور في المدونة.

يتم إنشاء هذا الجدول عادةً بشكل تلقائي بناءً على العناوين الفرعية (مثل <h2>, <h3>, إلخ) المستخدمة في المقالة. يسهل جدول المحتويات على القراء التنقل داخل المحتوى للوصول إلى الأقسام التي تهمهم بشكل مباشر. في هذا المقال سوف نتطرق إلى شرح كيفية إضافة جدول المحتويات تلقائي على بلوجر.

ميزات ميزة "جدول المحتويات" في بلوجر

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

لماذا يجب استخدام ميزة "جدول المحتويات" في بلوجر؟

استخدام ميزة "جدول المحتويات" في بلوجر يُعتبر ضرورة لأي مدون يرغب في تحسين تجربة المستخدم وتعزيز السيو. من خلال توفير وسيلة سريعة للتنقل بين أقسام المقالة، يمكنك زيادة تفاعل القراء مع المحتوى، وتقليل معدل الارتداد (Bounce Rate). كما أن وجود جدول محتويات يجعل المحتوى أكثر جاذبية للقراء ويعطي انطباعًا إيجابيًا عن احترافية المدونة وتنظيمها.

ميزة "جدول المحتويات" ليست فقط أداة لتسهيل التصفح، بل هي أيضًا استراتيجية فعّالة لجذب المزيد من الزوار من خلال تحسين ترتيب المقالات في نتائج محركات البحث.

كيفية إضافة ميزة "جدول المحتويات" إلى مدونة بلوجر

إليك خطوات إضافة ميزة "جدول المحتويات" (TOC) إلى مدونتك على بلوجر:

الخطوة 1: الانتقال إلى محرر HTML

• سجّل الدخول إلى لوحة التحكم في بلوجر.
• من القائمة الجانبية، اختر المظهر.
• اضغط على زر تعديل HTML لتحرير كود القالب الخاص بمدونتك.

الخطوة 2: البحث عن وسم <data:post.body/>

• داخل محرر HTML، اضغط على Ctrl + F لفتح شريط البحث.
• اكتب في شريط البحث: <data:post.body/> للعثور على الوسم المطلوب.

الخطوة 3: إضافة كود "جدول المحتويات"

بعد العثور على وسم <data:post.body/>، قم بإضافة كود "جدول المحتويات" مباشرةً قبل هذا الوسم. هنا يجب عليك وضع الكود الخاص بجدول المحتويات:

HTML

<style>.hidden{display:none}.jistwebtocI:checked~.jistwebtocL{right:0;z-index:9999}.jistwebtocI:checked~.jistwebtocL .jistwebtocC{opacity:0;visibility:hidden}.jistwebtocI:checked~.jistwebtocL .fCls{background:rgba(0,0,0,.25);opacity:1;visibility:visible}@media screen and (min-width:768px){.jistwebtocC{top:40px}}.fCls{display:block;position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;z-index:1;transition:all .1s ease;background:0 0;opacity:0;visibility:hidden}.jistwebtocL{position:fixed;top:0;bottom:0;right:-280px;width:280px;transition:all .1s ease;z-index:9999}.jistwebtocLi{width:100%;height:100%;position:relative;background:#fff;box-shadow:0 5px 30px 0 rgba(0,0,0,.05);z-index:2;border-radius:12px 0 0 12px}.jistwebtocLs{position:relative;top:20px;background:inherit}.fixH{display:flex;background:inherit;position:absolute;top:0;left:0;right:0;padding:0 10px;z-index:2}.jistwebtocC{position:absolute;left:-45px;top:105px;transition:all .1s ease}.jistwebtocC span{display:flex;align-items:center;justify-content:center;width:45px;height:40px;border-radius:15px 0 0 15px;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.1);transition:inherit;z-index:1}.jistwebtocC span svg{opacity:.95;width:22px;height:22px}.jistwebtocT{display:flex;width:100%}.fixT::before{content:attr(data-text);flex-grow:1;padding:16px 10px;font-size:90%;opacity:.7;font-family:inherit}.fixH .cl{padding:0 10px;display:flex;align-items:center;justify-content:flex-end;position:relative;flex-shrink:0;min-width:40px}.jistwebtocIn{padding:50px 0 0;overflow-y:auto;width:100%;height:calc(100vh - 60px)}.jistwebtocIn ol{list-style:none;padding:0;margin:0;line-height:1.5em}.jistwebtocIn li:not(:last-child),.jistwebtocIn ol ol{margin-bottom:5px}.jistwebtocIn li a{flex:1 0 calc(100% - 23px)}.jistwebtocIn a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:inherit;text-decoration:none}.jistwebtoc-list{width:100%;position:relative;box-shadow:2px 0 0 0 rgba(0,0,0,.1) inset}.jistwebtoc-list.is-collapsible .jistwebtoc-link{padding-left:2.25rem}.jistwebtoc-list.is-collapsed{display:none}.jistwebtoc-link{display:block;color:#495057;padding:.75rem 1rem .75rem 1.5rem;transition:.5s}.jistwebtoc-link.is-active-link{background-color:#eceff1;font-weight:500;box-shadow:2px 0 0 0 #495057 inset}.docs-jistwebtoc{--bg-scrollbar-thumb:#ced4da;--bg-scrollbar-track:transparent}ul.jistwebtoc-list li:before{all:unset}.jistwebtocIn ul{all:unset}.jistwebtocIn ul{list-style:none;padding:0;margin:0;font-family:Arial,sans-serif}.jistwebtocIn li{margin-bottom:8px}.jistwebtocIn a{display:block;color:#333;text-decoration:none;padding:10px 15px;border-radius:5px;transition:background-color .3s ease,color .3s ease;font-size:14px;line-height:1.4;font-weight:500}.jistwebtocIn a:hover{background-color:#f0f0f0;color:#007bff}.jistwebtocIn a.is-active{background-color:#007bff;color:#fff;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.1)}.jistwebtocIn ul ul{padding-left:20px;margin-top:5px;border-left:2px solid #e0e0e0}.jistwebtocIn ul ul a{padding-left:30px;font-size:13px}</style>
<input class='jistwebtocI hidden' id='forjistwebtocJs' type='checkbox'/><div class='jistwebtocL'><div class='jistwebtocLi'><div class='jistwebtocLs'><label aria-label='Close TOC' class='jistwebtocH fixH' for='forjistwebtocJs'><div class='jistwebtocC'><span><svg class='bi bi-card-list' fill='currentColor' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z'/><path d='M5 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 8zm0-2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-1-5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zM4 8a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm0 2.5a.5.5 0 1 1-1 0 .5.5 0 1 1 1 0z'/></svg></span></div><div class='jistwebtocT fixT' data-text='جدول المحتويات'><span class='c cl' data-text='Close'/></div></label><div class='jistwebtoc jistwebtocIn scroll' id='jistwebtocAuto'/></div></div><label class='fCls' for='forjistwebtocJs'/>
</div>
<script type='text/javascript'>/*<![CDATA[*/ document.addEventListener("DOMContentLoaded",function(){const a=document.querySelector(".post-body"),b=a.querySelectorAll("h2, h3, h4, h5, h6"),c=document.querySelector("#jistwebtocAuto"),d=document.createElement("ul");d.classList.add("jistwebtoc-list"),b.forEach(function(a,e){const f=a.id||"heading-"+(e+1);a.id=f;const g=document.createElement("li"),h=document.createElement("a");if(h.href="#"+f,h.textContent=a.textContent,g.appendChild(h),d.appendChild(g),"h2"!==a.tagName.toLowerCase()){const d=function(a){const d=a.tagName.toLowerCase();let e;if("h3"===d?e="h2":"h4"===d?e="h3":"h5"===d?e="h4":"h6"===d&&(e="h5"),e)for(let a=b.length-1;0<=a;a--)if(b[a].tagName.toLowerCase()===e){const d=c.querySelector("a[href=\"#"+b[a].id+"\"]");if(d)return d.parentElement}return null}(a);if(d){let a=d.querySelector("ul");a||(a=document.createElement("ul"),a.classList.add("jistwebtoc-list"),d.appendChild(a)),a.appendChild(g)}}}),c.appendChild(d)});/*]]>*/</script>

بعدها تضغط على حفظ. 

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

مدون ويب أبريل 11, 2025

قالب التنظيف بلوجر 2025: الطريقة الأمثل لتثبيت قالب جديد بدون مشاكل

قالب التنظيف بلوجر 2025: الطريقة الأمثل لتثبيت قالب جديد بدون مشاكل

تطوير بلوجر

هل سئمت من مشاكل الأخطاء والتصميم المزعجة بعد تحديث قالب بلوجر؟ الحل بسيط وفعال: استخدام قالب التنظيف في بلوجر XML! في هذا الدليل الشامل لعام 2025، سنشرح لك بالتفصيل كيفية تحميل وتثبيت قالب التنظيف بلوجر خطوة بخطوة لتجنب جميع مشاكل القوالب الشائعة وضمان سلاسة التحديث.

سواء كنت مبتدئًا أو محترفًا، ستتعلم معنا أفضل طريقة لتجهيز مدونتك لاستقبال القالب الجديد بدون أي آثار جانبية من القالب القديم. تابع القراءة لمعرفة المزيد!

ما هو قالب التنظيف بلوجر وما أهميته في 2025؟

قالب التنظيف في بلوجر هو ببساطة قالب XML فارغ، مصمم خصيصًا لتطهير مدونتك من أي بقايا أو آثار للقالب القديم. تخيل الأمر كعملية "إعادة تهيئة" لقالب مدونتك قبل تثبيت تصميم جديد.

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

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

باختصار، استخدام قالب التنظيف يضمن لك تثبيتًا نظيفًا وسلسًا للقالب الجديد، مما يحافظ على استقرار وأداء مدونتك.

تحميل قالب تنظيف بلوجر 2025: التحديث الأخير بدون أخطاء

يمكنك الآن تحميل أحدث إصدار من قالب التنظيف بلوجر لعام 2025 بسهولة وبدون أي مشاكل:

تحميل قالب التنظيف بلوجر 2025 (MediaFire)

كيفية تركيب قالب التنظيف بلوجر 2025 بعد التحديث؟ (خطوات تفصيلية)

تركيب قالب التنظيف سهل للغاية. اتبع هذه الخطوات البسيطة:

⚠️ تنبيه هام: قبل البدء، قم بإنشاء نسخة احتياطية لقالب بلوجر الحالي! هذه خطوة ضرورية لحماية بياناتك واستعادة القالب القديم إذا لزم الأمر.

1. الوصول إلى لوحة تحكم بلوجر: قم بتسجيل الدخول إلى حسابك في بلوجر وانتقل إلى المدونة التي تريد تحديث قالبها.
2. الذهاب إلى قسم "المظهر": في القائمة الجانبية، انقر على "المظهر" (Theme).
3. فتح محرر HTML: بجوار اسم القالب الحالي، انقر على السهم المتجه للأسفل ثم اختر "تعديل HTML".
4. حذف أكواد القالب القديم: حدد جميع الأكواد داخل المحرر وقم بحذفها.
5. لصق كود قالب التنظيف: انسخ الكود التالي والصقه في محرر HTML:

HTML

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html 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[
]]></b:skin>
</head>
<body>
<b:section id='main'/>
</body>
</html>

6. حفظ التغييرات: انقر على أيقونة الحفظ.
7. إضافة القالب الجديد: لديك طريقتان:

• عبر محرر HTML: انسخ أكواد القالب الجديد والصقها في محرر HTML.
• استيراد ملف القالب: من "المظهر"، اختر "استعادة" ثم "تحميل" وحدد ملف XML.

تهانينا! لقد قمت بتثبيت قالب جديد بنجاح وبدون أي مشاكل بفضل استخدام قالب التنظيف.

هل تركيب قالب التنظيف بلوجر يحذف المقالات والصفحات؟

لا تقلق! تركيب قالب التنظيف لا يمسح مقالاتك أو صفحاتك أو صورك أو أي محتوى آخر. هو فقط يزيل الأكواد والإضافات المتعلقة بتصميم القالب.

هل يمكن تغيير قالب بلوجر بدون استخدام قالب التنظيف؟

نعم، من الناحية التقنية يمكنك تغيير قالب بلوجر بدون استخدام قالب التنظيف. ومع ذلك، كما ذكرنا سابقًا، فإن ذلك قد يعرضك لمشاكل وأخطاء في القالب الجديد بسبب تداخل الأكواد القديمة.

الخلاصة: قالب التنظيف هو خطوتك الأولى نحو تحديث ناجح لقالب بلوجر

في الختام، استخدام قالب التنظيف بلوجر 2025 هو أفضل طريقة لضمان تحديث سلس وناجح لقالب مدونتك. تجنب المشاكل المحتملة، وحافظ على أداء مدونتك، واستمتع بتصميم جديد بدون أي عوائق. لا تتردد في استخدام قالب التنظيف المتوفر على مدونة جيست ويب قبل تثبيت أي قالب جديد!

هل لديك أي أسئلة حول استخدام قالب التنظيف؟ شاركنا بها في التعليقات!

مدون ويب أبريل 11, 2025

كيفية تعطيل زر الفأرة الأيمن في بلوجر Blogger بأفضل سكريبت 2025

كيفية تعطيل زر الفأرة الأيمن في بلوجر Blogger بأفضل سكريبت 2025

تطوير بلوجر

كيفية تعطيل زر الفأرة الايمن من الضغط على موقعك في بلوجر بافضل سكريبت 2025

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

شرح كيفية اضافة كود تعطيل الزر الأيمن للفأرة على بلوجر 2025

الطريقة الاولى :

1. الذهاب الى واجهة تحكم بلوجر
2. الذهاب الى التخطيط
3. اضافة أدات html/javascript
4. تقوم بلصق الكود وتضغط حفظ

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

الطريقة الثانية :

1. الذهاب الى واجهة تحكم بلوجر
2. الذهاب إلى المظهر
3. النقر على قائمة منسدلة بجانب تخصيص
4. اختيار تعديل html
5. تضغط في اي مكان داخل الاكواد بزر الفأرة الايمن
6. في لوحة المفاتيح تضغط على Ctrl + F
7.  تظهر لك خانة البحث تقوم بالبحث عن وسم <body/>
8. فوقه مباشرة تقوم بلصق الكود التالي :

<!--code right clik disable by jistweb--> <script type='text/javascript'> if (document.addEventListener) { document.addEventListener(&#39;contextmenu&#39;, function (e) { e.preventDefault(); }, false); } else { document.attachEvent(&#39;oncontextmenu&#39;, function () { window.event.returnValue = false; }); } </script> 

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

مدون ويب أبريل 09, 2025