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

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

اضافات بلوجر

خدعة ظريفة لعمل محتوى مخفي أو بالتحديد محتوى قابل للإظهار والإخفاء 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>

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



الاكواد المستعملة

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

<br /> </div>

<br /> </br><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><br /> </center></br>

لانشاء مربع نسخ

ctrl+c

<br /> <br /> <form name="form1" ><textarea cols="25" rows="10" name="demo"><br /> أكتب هنا الكود او الكلمات التي تريد<br />

• فيسبوك
• تويرتر
• جوجل +
• لينكدين
واتساب

بقلم عاشق النات

بسم الله الرحمان الرحيم

انا عاشق النات اسم على مسمى اردت انشاء هذه المدونة كي اضع فيها كل ما تعلمته و خبرته من حياتي العلمية و التقنية امانة بين ايديكم كي تعلموا و تعلموا و الادال على الخير كفاعله و لمن يريد الاتصال او التواصل

الفيسبوك * تويتر * جوجل بلس * youtube

و اذا اردت تغيير لون خلفية الموقع اظغط الازرار اسفله