إظهار أو إخفاء أي جزء من محتوى مقالاتك بـCSS لمدونات بلوجر

عدد مشاهدات الموضوع:

مرحبا بكم زوار مدونة أبو إياد، هناك مزيد من المدونين يفضلون عدم إشغال تدويناتهم بأكواد أو نص معين يمكن أن يسرق الأنظار عن جزء مهم يريدون التركيز عليه وغيره من الأسباب التى جعلتنى اليوم أتيكم بإضافة تمكنكم من إظهار أو إخفاء أي جزء من محتوى مقالاتك مع زر يُمكِّنْ القراء من إظهار أو إخفاء المحتوى فقط بتقنية الـCSS. 

هنا أترك لكم مثال بسيط للإضافة: فقط اضغط على إظهار سيظهر الكود المخفى أو النص المخفى والعكس مع إخفاء :)
.
محتوى مخفي :D

من أجل إستخدام الإضافة قم بإضافة الكود التالي:
.<input onclick="window.location='#idhar1';" type="button" value="إظهار" />
<input onclick="window.location='#';" type="button" value="إخفاء" />
<br />
<div id="spoiler1">
<div id="idhar1">
المحتوى الذي تريد إخفاءه هنا
</div>
</div>
<style>
#spoiler1 > div {display: none;}
#spoiler1 > div:target {display: block;}
</style>


عندك كتابتك لأي مقال قم بجعل المقال على  الوضع HTML وأضف الكود في المكان المراد.

هناك 9 تعليقات:

  1. يعطيك العافية اضافة رائعة

    ردحذف
  2. @Abdallha dagga

    أمين يارب، شرفني مرورك عزيزي ;)

    ردحذف
  3. ألا يخالف ذلك سياسة أدسنس؟

    ردحذف
  4. @الربح من الانترنت

    التعليق من أجل ترك روابط لمدونتك يجب أن يكون لتعليق علاقة بالموضوع، وأشير إلى أن الروابط nofollow تم إقصاءها من جوجل، لذلك حاول الحصول على مدونات تعطيك روابط dofollow عند التعليق وحاول التعليق في مواضيع ذات صلة لتحصل على باك لينك جيد. أيضا قم بوضع تعليق ذو علاقة مع الموضوع لكي لا يقوم بحذفه مشرفوا المدونة. بالتوفيق!!

    ردحذف
  5. غير معرف1:19 م

    شرح رائع وجميل
    هل يمكن استخدام صورة بدل من الزر

    ردحذف
  6. غير معرف3:46 ص

    ممكن رد من فضلك هو دا مخالف للسياسة جوجل ادسنس http://goldyellow.blogspot.com/

    ردحذف
  7. اريد منع الاظهار لى لى المنضمين لى المدونه

    ردحذف
  8. اخي السلام لدي استفسار انا استعمل ادات تخطي اعلانات بشكل الي لروابط الخارجية عن مدونتي عندما قمت بتركيب الاضافة بدات تظهر عبارة404 عند الضغط على اظهار

    ردحذف
  9. غير معرف10:02 ص

    مشكور ياغالي

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية