إضافة محتوى مخفي في موضوع

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

المعــاينة من JS المعــاينة من مدونة

مراحل تركيب الإضافة

1. ادخل إلى لوحة تحكم المدونة في بلوجر
2. اختر قالب المدونة التي تود تطبيق الشرح فيها
3. اضغط على تحرير HTML
4. ابحث عن الوسم <b:skin/><[[ و اضف الكود التالي قبله مباشرة

#flippy { text-align: center; }
#flippy button { background: #FD4B4B; color: #fff; text-align: center; margin: 0 auto; border: none; border-radius: 3px; padding: 8px 16px; margin: 10px auto; font-size: 13px; font-family: droid arabic kufi; font-weight: bold; vertical-align: middle; cursor: pointer; text-shadow: 0 1px rgba(0, 0, 0, 0.3); transition: background 0.1s ease-in-out; }
#flippy button:hover, #flippy button:focus { background: #EA2B2B; outline: none; }
#flippanel { padding: 1px; text-align: right; background: #f5f5f5; border: 0px; }
#flippanel { padding: 24px; display: none; }



5.  ابحث عن </body> ثم ضع الكود التالي فوقه



<script>
$(document).ready(function() {
    $(&quot;#flippy&quot;).click(function() {
        $(&quot;#flippanel&quot;).slideToggle(&quot;normal&quot;);
    });
});
</script>



6. احفظ النموذج وتوجه للمشاركات
7. الكود الأتي يوضع داخل موضوع في تبويب HTML



<div id="flippy"><button>المزيد لتستكشفه</button></div>
<div id="flippanel">
ضـع هــنـا مـحــتـوى الـمــوضـوع الـذي تــريـد إخــفـائه
</div>

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