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

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

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 لذلك اذا اردت قم بمدي برابط المدونة وسارسل لك الكود

بتاريخ 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/

بتاريخ 11 ساعات قال عمر ون:

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

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

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

بتاريخ 3 ساعات قال hassenzouari98:

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

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

 

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