• 0

كيف أخفي الصورة الأولى فقط في المواضيع بشكل تلقائي على منصة بلوجر ؟

مرحبا إخوتي

كيف أخفي الصورة الأولى فقط في المواضيع بشكل تلقائي على منصة بلوجر ؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

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

1. في البداية قم بالذهاب الى قسم Template وقم بالضغط على Edit Html 

2. من ثم قم بالضغط على ctrl+f وقم بالبحث عن الكود التالي 

]]></b:skin>

 3. من ثم قم باضافة الكود التالي بعد الكود المذكر سابقا

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style>
.hideimage{
display: none;
}
</style>
</b:if>

4. الان عندما تقوم باضافة الصورة وتريد اخفائها فقط قم بتحرير الpost على شكل HTML وقم باضافة الattribute التالي في كود الصورة

<div class="hideimage"><img border="0" height="320" src="image.png" width="320" /></div>

فقط وهكذا ستتمكن من اخفاء اول صورة في المواضيع ... صحيح ان هذه الطريقة جيدة ولكن يوجد طريقة أفضل وذلك عن طريق استخدام nesting في css بالاضافة الى استخدام nth-child(1) ولكن هذه تختلف حسب div الid لذلك اذا اردت قم بمدي برابط المدونة وسارسل لك الكود

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0
بتاريخ 2 ساعات قال hassenzouari98:

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

1. في البداية قم بالذهاب الى قسم Template وقم بالضغط على Edit Html 

2. من ثم قم بالضغط على ctrl+f وقم بالبحث عن الكود التالي 


]]></b:skin>

 3. من ثم قم باضافة الكود التالي بعد الكود المذكر سابقا


<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style>
.hideimage{
display: none;
}
</style>
</b:if>

4. الان عندما تقوم باضافة الصورة وتريد اخفائها فقط قم بتحرير الpost على شكل HTML وقم باضافة الattribute التالي في كود الصورة


<div class="hideimage"><img border="0" height="320" src="image.png" width="320" /></div>

فقط وهكذا ستتمكن من اخفاء اول صورة في المواضيع ... صحيح ان هذه الطريقة جيدة ولكن يوجد طريقة أفضل وذلك عن طريق استخدام nesting في css بالاضافة الى استخدام nth-child(1) ولكن هذه تختلف حسب div الid لذلك اذا اردت قم بمدي برابط المدونة وسارسل لك الكود

اشكرك من الاعماق اخي العزيز ولكن الطريقة ليست تلقائيا لأنها تطلب التعديل فكل موضوع وانا اريد ان يكون مطبق على كل مواضيع من دون التعديل عليها 

 

هذا رابط مدونتي 

http://tech7yatak.blogspot.com/

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

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0
بتاريخ 11 ساعات قال عمر ون:

لكن الطريقة ليست تلقائيا

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

<style>
article .post-body img:nth-child(1) {
    display: none;
}
</style>

 

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0
بتاريخ 3 ساعات قال hassenzouari98:

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


<style>
article .post-body img:nth-child(1) {
    display: none;
}
</style>

 

 

انت مذهل يارجل اشكرك من الاعماق افدتني كثيراً و  الطريقة فعاله شكرا ,, الله يسعدك

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن