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

أبحث عن الوسم التالي

 ]]></b:skin>

وقم بإضافة الكود التالي بعده مباشرةً

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

ثم قم بحفظ القالب، والآن، وبعد كتابة كل تدوينة، والإنتهاء منها مثل إضافة الصور إلخ.... قم بالإنتقال إلى تبويب HTML سوف يكون كود الصورة الأولى على هذا الشكل:

<div class="separator" style="clear: both; text-align: center;"> <a href="http://4.bp.blogspot.com/-rfEHyJdBxcw/U5JVa9cIgKI/AAAAAAAAFAM/IhTlg4rm19c/s1600/io.hsoub.com.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="http://4.bp.blogspot.com/-rfEHyJdBxcw/U5JVa9cIgKI/AAAAAAAAFAM/IhTlg4rm19c/s1600/io.hsoub.com.png" width="480" /></a></div> 

قم بتغيير "separator" بـ "hidepic" وسوف يتم اخفاء الصورة من التدوينة، وسوف تظهر في الصفحة الرئيسية فقط.. يجب أنّ تغير separator في كل تدوينة، وذلك أفضل من جعلها بشكل أوتوماتيكي تجنبًا لأي مشاكل فيما بعد

الأفضل استعمال first child  في css

وعليكم السلام, بسيطة إن شاء الله

1 - قم بالدخول إلي صفحة القالب والضغط علي خيار تحرير HTML وعندها سوف تظهر لك صفحة الأكواد

2 - قم بالبحث عن الوسم التالي

<head/>   

3 - الآن إنسخ الشيفرة التالية وقم بلصقها أعلي الوسم الذي قمت بالبحث عنة سابقاً

<b:if cond='data:view.isPost'>
  <style>
    .Blog img:first-child {
    	display: none!important;
    }
  </style>
</b:if>

<b:comment>
  بالتوفيق إن شاء الله
</b:comment>