طريقة عمل محتوى مخفي للبلوجر

خدعة ظريفة لعمل محتوى مخفي أو بالتحديد محتوى قابل للإظهار والإخفاء Hide and show

وتفيد هذه الطريقة في المدونات التي تكون مواضيعها طويلة فيمكن إستخدامها

لإخفاء جزء من الموضوع أو للمدونات التي تكتب القصص او المحتويات التشويقية

كأن تكتب قصة وعند الوصول لجزء معين تخفيه أو تخفي صورة أى شئ إستخدمها

كما تحب ولكن لا تستخدمها فيما يغضب الله

ولتطبيق الطريقة قم بكتابة موضوعك بالطريقة العادية وبعد الإنتهاء حول صندوق المواضيع من وضع التأليف الى وضع HTML

طبيعي انت تريد جزء ظاهر وجزء مخفي لذا قبل الجزء الذي تريده مخفياً قم بوضع الكود التالي

<div id="spoiler" style="display:none">

وعند نهاية الجزء الذي تريد إخفائه ضع الكود التالي

</div>

كل ما هو موجود بين الكودين سيكون خفيا

بقي امر واحد وهو وضع زر الإظهار والإخفاء قم بإضافة الكود التالي قبل
الكود الاول إن أردت الزر في الأعلى أو بعد الكود الثاني إن أردت الزر في
الأسفل

</br>

<center>

<button type="button" onclick="if(document.getElementById('spoiler')
.style.display=='none') {document.getElementById('spoiler')
.style.display=''}else{document.getElementById('spoiler')
.style.display='none'}">أكمل الموضوع [ إظهار ] [ إخفاء ]</button>

</center>

</br>

ويمكنك تعديل الجزء الاحمر بكتابة اى جملة تعجبك

مثال حي

تجربة كتابة محتوى مخفي

السلام عليكم ورحمة الله وبركاته

هذه تجربة لكتابة محتوى مخفي وهذا مثال حي للمعاينة

كلمات أنشودة يسعد فؤادى

يسعد فؤادى كلما .. ذكر الحبيب ترنم

ذاك الذى رب العلا .. صلى عليه وسلم

نبى رب العالمين .. الصادق الهادى الأمين

الطاهرالدمث الذى .. للحق صار معلما

ذاك الذى رب العلا ..صلى عليه وسلم

كالنور فى جنح الظلام .. جاء الحبيب الى الأنام

هاديا يضىء دروبهم .. وكأنه بدر السماء

لمحمد خلق عظيم .. وبحبه من لا يهيم؟؟؟؟

والله جل جلاله .. صلى عليه وسلم

صلى عليه وسلم ..........

عن مدير الموقع : Adel Tunisien