icon18_wrench_allbkg

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

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

salamo%2B3alaykom%2B-%2BAfkarPro.blogspot

%D9%83%D9%8A%D9%81%D9%8A%D8%A9+%D8%A5%D8%AE%D9%81%D8%A7%D8%A1+%D8%B5%D9%88%D8%B1%D8%A9+%D9%85%D8%A7+%D9%81%D9%8A+%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D8%A9+%D9%85%D8%B9%D9%8A%D9%86%D8%A9+%D9%88+%D8%A5%D8%B8%D9%87%D8%A7%D8%B1%D9%87%D8%A7+%D9%81%D9%82%D8%B7+%D9%81%D9%8A+%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A9+%D8%A7%D9%84%D8%B1%D8%A6%D9%8A%D8%B3%D9%8A%D8%A9+_+afkarpro.blogspot.com
لإخفاء صورة ما في مشاركة/تدوينة معينة و إظهارها فقط في الصفحة الرئيسية، ما عليك إلا أن تضيف كود CSS صغير إلى قالب مدونتك ثم تستخدم "الكلاس الخاص بإخفاء الصورة" "class hidepic" في كل مرة تريد فيه إخفاء صورة ما.

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

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

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

%D9%83%D9%8A%D9%81%D9%8A%D8%A9+%D8%A5%D8%AE%D9%81%D8%A7%D8%A1+%D8%B5%D9%88%D8%B1%D8%A9+%D9%85%D8%A7+%D9%81%D9%8A+%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D8%A9+%D9%85%D8%B9%D9%8A%D9%86%D8%A9+%D9%88+%D8%A5%D8%B8%D9%87%D8%A7%D8%B1%D9%87%D8%A7+%D9%81%D9%82%D8%B7+%D9%81%D9%8A+%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A9+%D8%A7%D9%84%D8%B1%D8%A6%D9%8A%D8%B3%D9%8A%D8%A9+afkarpro.blogspot

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinVGl7WH_bvruEgJbWfru80_Qo36q_1K-wjMTKJYzVPHOQJ5UQbnxbzZ1Lbeh3ee97MnmHC48_k5_ZgTzYHf_s8jY_HIo40Von_5zMcBmT-iT9BJbHQ7Sjku8fmpTHxW2zLKO1DbJ9oZHl/s1600/Afkarpro.blogspot.com.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinVGl7WH_bvruEgJbWfru80_Qo36q_1K-wjMTKJYzVPHOQJ5UQbnxbzZ1Lbeh3ee97MnmHC48_k5_ZgTzYHf_s8jY_HIo40Von_5zMcBmT-iT9BJbHQ7Sjku8fmpTHxW2zLKO1DbJ9oZHl/s1600/Afkarpro.blogspot.com.png" width="480" /></a></div>

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

مثال حي :

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


%D9%83%D9%8A%D9%81%D9%8A%D8%A9+%D8%A5%D8%AE%D9%81%D8%A7%D8%A1+%D8%B5%D9%88%D8%B1%D8%A9+%D9%85%D8%A7+%D9%81%D9%8A+%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D8%A9+%D9%85%D8%B9%D9%8A%D9%86%D8%A9+%D9%88+%D8%A5%D8%B8%D9%87%D8%A7%D8%B1%D9%87%D8%A7+%D9%81%D9%82%D8%B7+%D9%81%D9%8A+%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A9+%D8%A7%D9%84%D8%B1%D8%A6%D9%8A%D8%B3%D9%8A%D8%A9++_+afkarpro.blogspot.com

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

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

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




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

la-ta9ra2-wa-tar7al-da3-basmatak-wa-charikna-bira2yik+-+afkarpro.blogspot.com

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

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

A7dat A9dam Arra2isiya