كيفية إضافة زر "الرجوع إلى الأعلى" إلى مدونه بلوجر
هل رأيت مثل هذا السهم فى أخر الصفحه . . .
أذا ضغطت عليه يصعد بك بسرعه الى بدايه الصفحه . . . هو أمر شيق و سهل . .
كيف ذلك . . .
تحدثنا فى تدوينه سابقه عن عمل رابط داخل الصفحه . . . وموضوعنا اليوم هو كيفية إضافة زر "الرجوع إلى الأعلى" إلى مدونه بلوجر .
هى نفس الفكره ولكن تتم على كل الصفحات . . اى تكون جزء من القالب . .
اولا :- من لوحه تحكم بلوجر
في لوحة تحكم المدونه، انقر على علامة التبويب " نموذج " أو"المظهر " ثم انقر على تعديل HTML
ثانيا :- ابحث عن علامة <head > . . . وستكون موجودة بالقرب من أعلى
الصفحة. يمكنك أيضا البحث عنه، من خلال النقر داخل المربع ثم ctrl + F
لظهور مربع البحث .
ثالثا :- ضع الشفرة التالية أسفل علامة
للنسخ اضغط "Select All" ثم ctrl + C
رابعا :-
انتقل إلى علامة التبويب "تخطيط"، ثم انقر على "إضافة أداة".
لا يهم أين تضع الأداة الخاصة بك، فإنه سيتم عرض تلقائيا في الجزء الاسفل الأيسر من الشاشة عند التمرير لأسفل.
لا يهم أين تضع الأداة الخاصة بك، فإنه سيتم عرض تلقائيا في الجزء الاسفل الأيسر من الشاشة عند التمرير لأسفل.
يفضل اضافته الى التذييل او الفوتر
خامسا :- قم بلصق الكود التالي داخل الاداه
للنسخ اضغط "Select All" ثم ctrl + C
ملحوظه :- الصوره الموجوده فى الرابط يمكن تغييرها بالصوره التى ترغبها
كذلك يمكن تغيير الكود right: 10px الى left:10px
فيتم تغييرصوره السهم من اليمين الى الشمال
وهذا كل شيء! لقد انتهيت . . الان استمتع بما قمت به
وهذا كل شيء! لقد انتهيت . . الان استمتع بما قمت به
إذا كان لديك أي أسئلة على الإطلاق، يرجى ترك لي تعليق وأذا اعجبك المنشور اعمل مشاركه . . . هذا المنشور موجود فى بعض المدونات الاجنبيه منها
وقد قمت بترجمته بتصرف
كيف تعمل رابط داخل الصفحة
عندما يفكر معظم الناس في الروابط، يفكرون في ربط صفحتين ويب مختلفتين معا.
يمكنك استخدام الارتباطات التشعبية لربط اثنين من مشاركات مدونتك، أو مشاركة مدونة وصفحة مقصودة، أو مشاركة مدونة وصفحة منتج، أو تغريدة إلى موقعك على الويب.
ولكن هذا ليس كل شئ يمكن القيام به.
مع القليل من التغيير والتبديل، يمكنك أيضا إعداد ارتباطات تشعبية لربط المحتوى على نفس الصفحة.
ربما تحتاج الى عمل فهرس للمشاركه الآن، عندما تشير إلى شيء ذكرته في مكان آخر من تلك المقالة،وفى نفس الصفحه يمكنك ربطه به فعلا - مما يسهل على جمهورك معرفة ما تتحدث عنه
رائع جدا، هذه مقدمه توضح كل شيء . . . لعمل ارتباطات داخل الصفحه اتبع الخطوات الاتيه
أولا :ـ أعط الكائن أو النص الذي تريد ربطه اسم
في سيناريو الربط العادي، فإن الشيء الذي تحتاج إلى الارتباط به له عنوان URL خاص به.
ولكن في هذا السيناريو، تكون الصفحة التي تريد ربطها والصفحة التي يكون الرابط فيها واحدة ونفس الشيء - لذا يجب أن تكون هناك اسما لوجهة الرابط
أوصي باستخدام كلمة أو عبارة تصف وجهة الرابط. إذا كنت تستخدم عبارة، يجب ألا تكون هناك مسافات - استخدم الشرطات السفلية بدلا من ذلك
مثال
لنفترض أننا أردنا الربط بمثال لفقره عن الصور والايقونات في مشاركة.
إليك ما سأستخدمه كاسم لهذا النص
photo_icon
ثانيا:ـ خذ الاسم الذي اخترته وأدخله في علامة ربط ارتباط HTML مفتوحة
استبدال القسم الأحمر من العلامة أدناه بالاسم الذي اخترته في الخطوة السابقة
<"a id="INSERT_NAME_HERE>
ثالثا:ـ ضع علامة #
قبل النص أو الكائن الذي تريد الربط به، ثم أضف علامة إغلاق <a>
</a>
يؤدي هذا إلى تعيين موقع الرابط. هذا هو الشكل الذي ستبدو عليه شفرتك الآن
<a id="INSERT_NAME_HERE"> الكائن الذي تريد ربطه. </a>
رابعا :ـ إنشاء الارتباط التشعبي الذي سوف يأخذك إلى هذا النص أو الكائن
انتقل الآن إلى الجزء الذي تريد تضمين الرابط التشعبي فيه.
ستحتاج إلى إضافة ترميز هتمل للوصلة التشعبية النموذجية، ولكن في الجزء الذي عادة ما تتضمن فيه عنوان URL، ستدرج رمز ( # ) ثم اسم الكائن الذي تربطه. وإليك ما يبدو عليه
<a href="# INSERT_NAME_HERE"> انقر هنا . </a>
مثال
كثيرا ما نرى فى نهايه كل صفحه هذا الرابط Back to top
وعند الضغط عليها ننتقل الى اعلى الصفحه .
هذا راط داخل الصفحه ويمكن ان ننفذه بكل سهوله
1- نضع هذا الكود
<a href="# top"> انقر هنا . </a>
فى اعلى الصفحه او اى مكان نريد الانتقال اليه
2- فى المكان الذى نحدده للرابط نضع هذا الكود
<a id="top"> Back to top</a>
لاحظ بكل سهوله تم عمل الرابط داخل الصفحه
تم الاعتماد فى هذه التدوينه على الترجمه من المواقع الاتيه
وعند الضغط عليها ننتقل الى اعلى الصفحه .
هذا راط داخل الصفحه ويمكن ان ننفذه بكل سهوله
1- نضع هذا الكود
<a href="# top"> انقر هنا . </a>
2- فى المكان الذى نحدده للرابط نضع هذا الكود
<a id="top"> Back to top</a>
تم الاعتماد فى هذه التدوينه على الترجمه من المواقع الاتيه