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

شارك :





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

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

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

  1. ادخل إلى لوحة تحكم المدونة في بلوجر
  2. اختر قالب المدونة التي تود تطبيق الشرح فيها
  3. اضغط على تحرير HTML
  4. ابحث عن الكود التالى </head> ونــضـع الــكـود الـتــالـي فــوقـه مـبــاشـرة، ثـم اضــغـط عــلـى حــفـظ.
12345678910<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    $(".slidingDiv").hide();
    $(".show_hide").show();
    $('.show_hide').click(function() {
        $(".slidingDiv").slideToggle();
    });
});//]]>
</script>

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

1234567<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>
شارك :

إنسانية نملة

إضافات بلوجر

بلوجر

دعم بلوجر

لا تقرأ وترحل .. شارك قول رأيك

0 تعليقات:

أداة الإبتسامات لتضمين رموز تفاعلية في التعليقات
:) :( =( :waaa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :yaya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ \m/ **p &amp;lt;3 0:) ^o^ :-a 7:O *fck* xV x@ X@ ~x( &amp;lt;:) &amp;lt;=) (-.-,) *=p =p* ''J :W :bye: :imhere: :cendol: :rolled: *bang* :drummer: :guitarist: :vocalist:
أداة محول الأكواد لتضمين شفرة في التعليقات
تحليل
تضمين عناصر منسقة في التعليقات

لتضمين -رابط- نص قابل للنقر إستعمل:

<a href="https://www.google.com/">إسم الرابط</a>

لتضمين شريحة صور إستعمل:

<i rel="img">رابط الصورة</i>

لتضمين إقتباس فقرة إستعمل:

<i rel="quote">نص الإقتباس</i>

لتضمين فيديو من يوتيوب إستعمل:

<i rel="video">معرف الفيديو</i>

موصي به لك

ولا تحسبن الذين قتلوا في سبيل الله أمواتا.. سبب نزول الآية و 6 فضائل عظيمة لـ الشهداء

سبب نزول ولا تحسبن الذين قتلوا في سبيل الله أمواتا (adsbygoogle = window.adsbygoogle || []).push({}); و

إنسانية نملة