عرض صورة التدوين فقط فى الصفحه الرائيسيه

عرض صورة التدوين فقط فى الصفحه الرائيسيه

لإخفاء الصور / صور من مدونه  لدينا وظائف لجعلها تظهر فقط في الصفحة الرئيسية، سيكون لدينا لإضافة مجرد قطعة صغيرة من التعليمات البرمجية في قالب CSS لدينا ومن ثم استخدام فئة "hidepic" في كل مرة نريد لإخفاء صورة. فقط اتبع الخطوات التالية:

طريقة التركيب :

بلنسبة للواجهة الجديدة  :                                               -   بالنسبة للواجهة القديمة :

لاتنسى اخد نسخة احتياطية للقالب                                 لاتنسى اخد نسخة احتياطية للقالب

1.لوحة التحكم                                                         1 -.لوحة التحكم

2.القالب                                                                2  - .تخطيط أوتصميم 

3. ثم تحريرhtml;.                                                               ثم 3 - تحريرhtml.   

 4.متابعة                                                               4-.توسيع القالب

5.توسيع القالب                                                          

 ثم ابحث عن الكود التالي :بالضغط على       alt+f

   }]]></b:skin>

ثم ضع الكود التالى فوقه مباشر

<b:if cond='data:blog.pageType != &quot;index&quot;'>

<style>

.hidepic{

display: none;

}

</style>

</b:if>

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

<div class="separator" style="clear: both; text-align: center;">

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5zcQ9Kx33TpojKfJX3s5oroUeXCsGCrRh483ptPP-Jj1eCpj2WTGlfMwV-bzXpP_wYqytKtl1_tadKIpSMowtYUje157OHbwEpDDOwBhakNaLdAPU_oVOVsX4MEQ7roLW99ZIgi_nxeQ/s1600/fire_bird_by_fhrankee-d32af8v.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5zcQ9Kx33TpojKfJX3s5oroUeXCsGCrRh483ptPP-Jj1eCpj2WTGlfMwV-bzXpP_wYqytKtl1_tadKIpSMowtYUje157OHbwEpDDOwBhakNaLdAPU_oVOVsX4MEQ7roLW99ZIgi_nxeQ/s320/fire_bird_by_fhrankee-d32af8v.png" width="320" /></a></div>

ملاحظة: يجب أن يكون في المكان المحدد حيث تمت إضافة صورتك  

(إذا كانت الصورة في منتصف النص، ثم يجب أن توجد القواعد في الوسط) 

الخطوة 6. يستعاض عن عبارة "فاصل" مع "hidepic" - انظر الصورة ادناه:

إذا كنت بحاجة إلى مزيد من المساعدة، يرجى ترك التعليق أدناه.