اذهب إلى المحتوى
  • 0

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

عمر ون

السؤال

Recommended Posts

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 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>

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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


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

 

 

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...