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

اقرأ ايضا: إضافة اداة صفحة الهدايا فى العمود الجانبى

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

ضـع هــنـا مـحــتـوى الـمــوضـوع الـذي تــريـد إخــفـائه

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

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

12345#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; }



اقرأ ايضا: إضافة عن المدونة بشكل جديد v1
5.  ابحث عن </body> ثم ضع الكود التالي فوقه



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



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



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