السبت، 7 يونيو، 2014

كيفية إخفاء صورة ما في تدوينة معينة و إظهارها فقط في الصفحة الرئيسية



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

نرجو منك اتباع الخطوات التالية :

1- أدخل إلى لوحة التحكم الخاصة بمدونتك على البلوجر، ثم اضغط على قالب، ثم تحرير HTML

2- انقر في أي مكان داخل منطقة كود ثم اضغط على CTRL+F لإظهار مربع البحث ثم انقل إليه الكود أسفله و اضغط على الزر ENTER لتجده.
]]></b:skin>


3- ثم ألصق الكود التالي أسفله مباشرة :
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style>
.hidepic{
display: none;
}
</style>
</b:if>

4- بعد ذلك قم بحفظ القالب.

5- الآن، في كل مرة تقوم فيها بتحرير تدوينة، قم بما يلي :

أ- أضف أولا الصورة التي تريد إخفاءها (لا تريد أن تظهرها في التدوينة لكن تريد إظهارها في الصفحة الرئيسية كصورة معرفة للتدوينة) ثم انتقل إلى تبويب الـ HTML حيث ستجد كود الـ HTML الخاص بالصورة، سيكون بهذا الشكل تقريبا :
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-rfEHyJdBxcw/U5JVa9cIgKI/AAAAAAAAFAM/IhTlg4rm19c/s1600/Afkarpro.blogspot.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/Afkarpro.blogspot.com.png" width="480" /></a></div>

ب- و في الأخير قم بتغيير "separator" بـ "hidepic"

مثال حي :

المثال هو هذا الموضوع بنفسه فإذا رجعت إلى الصفحة الرئيسية و بحثت عن هذا الموضوع فستجد الآتي:



و لكنك لن تجد تلك الصورة في هذا الموضوع.

*! أتمنى أن أكون قد وفقت في إيصال المعلومة لكم بدون تعقيدات ؛) 
و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...

و دمتم في رعاية الله وحفضه




ـ
روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode

التعلـيــقــات : 0

إرســــــال تعليــــق