إليك طريقة إستخدام خاصية القفز داخل الصفحات في بلوجر

شارك :




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

نـنــتـقــل لـشــرح الـخــاصـيــة

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

<a href="#teq">نهاية الصفحة</a>

الــكـود الــمــوجـود أعـلاه، هـو الــرابـط الـذي يـُـمــكـنــك عـنــد الــضـغــط عــلـيــه يـنــقـلــك لــلـمـنــطـقــة الـتــي تـريــد.

كــلمة نهاية الصفحة يــمـكــنـك ان تــسـتــبـدلــهـا بـالــكـلــمـة الــتـي تــريـد، مـا يــهـمــنـا هـو الــكـلــمـة الــتـي بـالأحــمـر

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


<a name="teq"></a>
لاحــظ الكلمة الحمراء مـوجـوده فـي هـذا الـكـود ايـضـاً...

بــبـســاطــة أكــثــر، الــكــود الأول عــنــد الـضــغــط عـلــيــه يــنـقــلــك لـلــكــود الـثــانــي، يــمـعــنــى لــو اضــفــت الــكــود الأول فــي بــدايــة الـمــوضــوع، واضــفــت الــكــود الـثــانــي فــي نــهـايــتــه سـيــتــم نـقــلــك لــمــنـطــقــة الــكــود الـثــانــي عــنــد ضــغـطــتــك عــلــى مــنـطــقــة الــكــود الأول والـعــكــس صـحــيــح، لــو اضــفــت الــكــود الأول فــي الــنـهــايــة والــكــود الـثــانــي فــي الـبــدايــة ســيــنـقــلــك لــلـبــدايــة الــتــي بــهــا الــكــود الـثــانــي ســنــعـتــبــر ان الامــر مــمــر بـدايــتــه الــكــود رقــم واحــد ايـنــمــا كــان مـكــانــه فــي الــصـفــحــة ونــهـايــتــه الــكــود رقــم اثـنــيــن ايـنــمــا كــان فــي الــصـفــحــة.

ولــو أردت تــكــرار الأمــر كــل مــا عــلــيــك هــو تــكــرار الأكــواد مــع تــغــيــيــر الــكــلــمــة الــحــمــراء.
لاحـظ الــصـورة الــتـالــيـة هـي صـورة الـمــوضـوع وانــظـر إلـى الـمــثـال الـذي صــنـعــتـه لـك


طـبـعـا إضـافـة تـلـك الأكـواد يــكـون عـن طــريـق تـحــويـل صــنـدوق الــمـواضــيـع مـن وضـع الــتـألــيـف إلـى وضـع HTML
 

مــلـحــوظــة :

  • إذا كــانــت الــصـفــحــة قـصــيــرة ولا يــوجــد بــهــا تـمــريــر فــلــن يـعــمــل لأن بــبـســاطــة الــصـفــحــة كـامــلــة ظــاهــرة هــذا يــسـتــخــدم فــقــط مــع الــصـفــحــات الــطـويــلــة...
  • أيــضـاً قـم بــجــعـل تــلـك الأكـواد آخـر مـا تـضــيــفـه فـي الـصــفــحـة، لأنـك لـو أعـدت إلـى وضـع الـتــألــيـف قـد لا تــعــمـل مــعـك...
  • يجب ان يكون حفظك في وضع HTML لضمان النجاح.

شارك :

إضافات بلوجر

بلوجر

دعم بلوجر

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

0 تعليقات: