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

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