يمكنك الان شراء مساحة اعلانية علي موقعنا معرفه المزيد

اعلان

طريقة اخفاء الصور داخل مواضيع بلوجر

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

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

طريقة اخفاء الصور داخل مواضيع بلوجر

طريقة اخفاء الصور في بلوجر

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

تركيب الاكواد في القالب

  1. من لوحة تحكم مدونة بلوجر اذهب الى القالب واضغط على تحرير
  2. من داخل اكواد القالب ابحث عن : ]]></b:skin>
  3. بعده مباشر الصق الكود التالي.
<b:if cond='data:view.isPost'>
    <style>
        .hideimage {
            display: none;
        }
    </style>
</b:if>

التحكم في إظهار واخفاء صور بلوجر

الان اذا اردت اخفاء صورة معينة من داخل مواضيع بلوجر ، قم بتطبيق هذه الخطوات :

تطبق هذا الاجراء مع كل صورة لا تريدها ان تظهر في الموضوع.

  1. من داخل صندوق المشاركة قم باضافة الصورة.
  2. بعد اضافة الصورة قم بضغط وضع تحرير (HTML).
  3. قم بستبدال كلاس (separator) الى (hideimge) كما هو موضح في الكود التالي.
<div class="hideimage"><img border="0" height="320" src="image.png" width="320" /></div>
<div class="separator"><img border="0" height="320" src="image.png" width="320" /></div>

ينتهي هنا موضوعنا عن "طريقة اخفاء الصور داخل مواضيع بلوجر"، ونلتقي في موضوع جديد على مدونة مستر ميدو. دمتم في امان الله :)

عن الكاتب

عبدالحميد ميدو، مصمم فلاتر سنابشات ومنشئ محتوى رقمي بخبرة تزيد عن 7 سنوات. لدي شغف بأحدث التقنيات، اهتمامًا خاصًا بلغات البرمجة كـ Python, JS وCSS.

إرسال تعليق

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق.
1 -أ ن يكون التعليق خاص بمحتوى التدوينة ❗
2 - أن لا تضع أي روابط خارجية❗
3 - أي سؤال خارج محتوى التدوينة يتم حذفه ❗
4 - لإضافة كود برمجي حوله أولاً بمحول الأكواد.
5 - لضمان نشر تعليقك يلزمك مراجعة اتفاقية الإستخدام.
ملفات تعريف الارتباط
نستخدم ملفات تعريف الارتباط (Cookies) لفهم كيفية استخدامك لموقعنا وتحسين تجربتك في المحتوى والإعلانات. باستمرارك في تصفح الموقع، فإنك توافق على استخدامنا لملفات تعريف الارتباط وفقًا لسياسة الخصوصية لدينا.
Oops!
يبدو أن هناك خطأ ما في اتصالك بالإنترنت.
يرجى الاتصال بالإنترنت والبدء في التصفح مرة أخرى.
يرجى السماح بعرض الإعلانات
يبدو أنك تستخدم أداة لحظر الإعلانات Adblock.
نحن نعتمد على الارباح التي نحققها من الإعلانات كمصدر تمويل لموقعنا الإلكتروني.
Site is Blocked
Sorry! This site is not available in your country.