طريقة إخفاء واظهار من جزء المحتوى في مدونات بلوجر

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


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

ولإضافة الكود الى مشاركات مدونة بلوجر إنسخ الكود التالى وألصقه بالمشاركة بتبويب 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">
المحتوى المخفى الثانى
<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> <br/>
<div id="content3" style="display:none">
المحتوى المخفى الثالث
</div>

هذا الكود اللازم لاخفاء أجزاء من محتوى التدوينة كل ماعليك تحديث المعلومات التي بلون الاحمر بما يناسبك  سواء كانت نص أو صور أو فيديو