الدرس 23 : أداة إخفاء/ إظهار أجزاء متعددة من المحتوى على بلوجر

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

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

يمكن معاينة الإضافة بالضغط على العناوين  التالية:

كيفية تطوير قوالب بلوجر

أداة التقويم للمواقع والمدونات Modern web Calender
أضف 5 صناديق منزلقة لمتابعة الشبكات الإجتماعية لموقعك
أضف أداة الترجمة على موقعك بطرق مختلفة
أضف أزرار مشاركة المواقع الإجتماعية إلى صور موقعك
أضف التقويم الهجرى و الميلادى لموقعك Hijri calender
أضف العناوين الرئيسية على بلوجر داخل إطار متحرك Animated Blogger Post Title
أضف زر دعوة أصدقاء الفيس بوك إلى بلوجر و ووردبريس invite friends button إجعل قالب مدونتك مميز مع إضافة أدوات بلوجر

دروس فوتوشوب للمبتدئين

أدق طرق تلوين الصور القديمة الأبيض وإسود بالفوتوشوب
أسهل طريقة لعمل دمج الصور بالفوتوشوب للمبتدئين
إزالة الخلفية البيضاء أو الأجزاء الغير مرغوب فيها من صورة بالفوتوشوب
استخدامات الكائن الذكى فى الفوتوشوب smart object - New!
درس تحويل الصورإلى فرش بالفوتوشوب
درس تلاشى الصورة بالفوتوشوب
درس عمل خلفية إحترافية بالفوتوشوب
درس فوتوشوب العدسة المكبرة شرح بالصور
دمج الصور بالفوتوشوب بثلاث طرق بسيطة للمبتدئين
شرح تفصيلى عن الأكشن فى الفوتوشوب مع التطبيق تعلم التصميم ببرنامج الفوتوشوب بمتابعة سلسلة دروس الفوتوشوب

كيف تصنع تطبيقات أندرويد

أفضل 5 مواقع لإنشاء تطبيق أندرويد لموقعك اون لاين
أفضل تطبيقات الأندرويد لتعليم جدول الضرب مجانا
أهم تطبيقات الأندرويد المفيدة للمدونين وأصحاب المواقع
تطبيقات أندرويد للتحكم فى إستخدام الأطفال للهواتف الذكية
كيفية التحكم فى أى جهاز كمبيوتر من خلال جهازك أو الهاتف
كيفية التدوين على بلوجر بإستخدام أجهزة الاندرويد
كيفية تصفح الإنترنت ومشاهدة الفيديو أوف لاين
من أين أبدأ تعلم صنع تطبيقات الأندرويد؟
يمكنك إنشاء تطبيق أندرويد دون الحاجة إلى دراسة البرمجة أو تسطيب برامج

ولإضافة الكود الى مشاركات مدونة بلوجر إنسخ الكود التالى وألصقه بالمشاركة بتبويب HTML

الجزء الظاهر من المحتوى
<br/>
<a  title="Click to show/hide content" type="text" onclick="if(document.getElementById('content1') .style.display=='none') {document.getElementById('content1') .style.display=''}else{document.getElementById('content1') .style.display='none'}">العنوان الأول</a>
<div id="content1" style="display:none"> 
المحتوى المخفى الأول
</div> 


<br/>
<a  title="Click to show/hide content" type="text" onclick="if(document.getElementById('content2') .style.display=='none') {document.getElementById('content2') .style.display=''}else{document.getElementById('content2') .style.display='none'}">العنوان الثانى</a>

<div id="content2" style="display:none"> 
المحتوى المخفى الثانى
</div> 

<br/>
<a  title="Click to show/hide content" type="text" onclick="if(document.getElementById('content3') .style.display=='none') {document.getElementById('content3') .style.display=''}else{document.getElementById('content3') .style.display='none'}">العنوان الثالث</a>

<div id="content3" style="display:none"> 
المحتوى المخفى الثالث
</div> 

هذا الكود لإخفاء ثلاث أجزاء من محتوى المشاركة سواء كانت نص أو صور أو فيديو
بعد إضافة الكود بتبويب Html للمشاركة قم بالتعديل على الكود كالتالى:
إستبدل العنوان الأول بالنص الذى يظهر المحتوى مثل "إقرأ المزيد، بقية الموضوع أو عنوان للجزء المخفى.........إلخ"
ثم أضف الجزء الذى تريد إخفاؤه بالكود
إذا كنت تريد إخفاء أكثر من ثلاث أجزاء من محتوى المشاركة قم بتكرار الجزء الملون باللون الأزرق فى الكود مع تغيير رقم 1 الملون بالأحمر فى الكود إلى رقم 4