إضافة محتوى مخفي في مدونة بلوجر

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

بعد تـطــبــيـق الإضــافـة عــلـى مــوقــعـك ســتـرى الــفـرق فـي عـدد الــنــقـرات، امـا فــيــمـا يــخـص طــريــقـة اضـافــتــهـا إلـى الـبــلــوجـر فــهـي  ســهــلـة تــابـع مــعـي الــشـرح الــتــالـي :

تابع الشرح الاتي :

ضع الموضوع المخفي هنا

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

1. ادخل إلى لوحة تحكم المدونة في بلوجر
2. اختر قالب المدونة التي تود تطبيق الشرح فيها
3. اضغط على تحرير HTML
4. ابحث عن الكود التالى </head> ونــضـع الــكـود الـتــالـي فــوقـه مـبــاشـرة، ثـم اضــغـط عــلـى حــفـظ.

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    $(".slidingDiv").hide();
    $(".show_hide").show();
    $('.show_hide').click(function() {
        $(".slidingDiv").slideToggle();
    });
});//]]>
</script>

عــنـدمــا تـريــد إخـفــاء جــزء مــن مـوضــوع مــا عــلـيــك ســوى إضـافــة الـكــود الــتـالــي فــي داخــل مـحــرر الـتــدويـنــات مــع إضـافــة الـنــص الــذي تـريــد اخـفــاءه فــي مــكـانــه :

<div class="show_hide" id="slidingDiv" style="text-align: right;">
<a href="javascript:void(0);">تابع الشرح الاتي :</a>
<br />
</div>
<div class="slidingDiv" style="display: none; overflow: hidden;">
ضع الموضوع المخفي هنا
</div>