طريقة إخفاء جزء من الموضوع في المدونة

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

                                               ما الفائدة من هذه الإضافة

تفيد هذه الإضافة في المدونات التي تكون مواضيعها طويلة فيمكن إستخدامها لإخفاء جزء من الموضوع

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

قم بكتابة موضوعك بالطريقة العادية 

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

قم بنسخ الكود التالي وقم بلصقه في خانة HTML

<div><input style = 'background: #aa65c7; color: #fff; text-align: center; margin: 0 auto; border: none; border-radius: 3px; padding: 8px 16px; margin-right: 150px; font-size: 19px; font-weight: normal; font-family: Electrolize,GESSTwoLight; box-shadow: 0px 3px 0px 0px #883da7; vertical-align: middle; cursor: pointer; text-shadow: 0 1px rgba(0, 0, 0, 0.3); transition: background 0.1s ease-in-out;' value="اضغط هنا" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'اخفاء النص';}else{this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'اضهار النص';}" type="button" /><div style="display: none;">ضع النص المراد إخفاؤه</div></div>

قم بعمل التغييرات اللازمة مثلا تريد إخفاء جزء معين من الموضوع

قم بوضع النص المراد إخفاؤه كما هو مشار اليه في الصورة

نلتقي في تدوينة قادمة والسلام عليكم