إضافة زر Back top Button
موضوع اليوم أعزائي القراء سيكون عن زر الصعود لأعلى. فإن كنت من المدونين اللذي يكتبون مواضيع طويلة فبلا شك أنت في حاجة لهذه الإضافة.
فالأمر مظنن في بعض الأحيان، قد يضطر الزائر لسحب الصفحة لمسافة تأرقه خاصة أننا تعودنا على الضغظ مرة واحدة على زر الفأرة و نحصل على ما نريد. فأنت بهذه الإضافة ستوفر مزيد من الراحة لزوار مدونتك.
أتركك مع الشرح فهو جد بسيط
توجه إلى لوحة التحكم / تخطيط / إضافة أداة / Html/JavaScript
بعد ذالك قم بنسخ الكود بالأسفل و ضعه في المربع المخصص للكود
<!--BACK2TOP-STARTS-->
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back toTOP
"><img onmouseover="this.src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZG_dGx42SDAtAvUVym0DJDw1q5ukBAbn_e8wlOWre4KPVDj1LnxY9w6lr56vvzrYL6o18yRzVRwHTQpESW3i7JTHoGqSDGbGcdIunXUUelcfWy1xIhdNrQTW5RflXjUd9o2IH38USkHw/s1600/up+b.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXINmlbLkT8jW3j4GBujn2FhcW5ZAdrqeyd-fXS4kIJiRQ86OVTLUBhgqaocBnoRDevs0eCcpeg4K7XjmJpg1aq-7V0GkZwPgXQiYuzcwYEhzVXYyNZqbDSuylhfb172FvflGxWGIQKbA/s1600/up+s.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXINmlbLkT8jW3j4GBujn2FhcW5ZAdrqeyd-fXS4kIJiRQ86OVTLUBhgqaocBnoRDevs0eCcpeg4K7XjmJpg1aq-7V0GkZwPgXQiYuzcwYEhzVXYyNZqbDSuylhfb172FvflGxWGIQKbA/s1600/up+s.png'"/></a>
<!--BACK2TOP-STOPS—>
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back toTOP
"><img onmouseover="this.src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZG_dGx42SDAtAvUVym0DJDw1q5ukBAbn_e8wlOWre4KPVDj1LnxY9w6lr56vvzrYL6o18yRzVRwHTQpESW3i7JTHoGqSDGbGcdIunXUUelcfWy1xIhdNrQTW5RflXjUd9o2IH38USkHw/s1600/up+b.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXINmlbLkT8jW3j4GBujn2FhcW5ZAdrqeyd-fXS4kIJiRQ86OVTLUBhgqaocBnoRDevs0eCcpeg4K7XjmJpg1aq-7V0GkZwPgXQiYuzcwYEhzVXYyNZqbDSuylhfb172FvflGxWGIQKbA/s1600/up+s.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXINmlbLkT8jW3j4GBujn2FhcW5ZAdrqeyd-fXS4kIJiRQ86OVTLUBhgqaocBnoRDevs0eCcpeg4K7XjmJpg1aq-7V0GkZwPgXQiYuzcwYEhzVXYyNZqbDSuylhfb172FvflGxWGIQKbA/s1600/up+s.png'"/></a> <!--BACK2TOP-STOPS—>
ثم قم بحفظ الأداة ستجد الإضافة على أسفل اليمين في المدونة.
يمكنك تغير الصورة بالصورة التي تريد ما عليك سوى تغير الرابط بالأحمر برابط الصورة الأكبر ثم تغير الرابطين باللون الأزرق بصورة الأصغر.
أتمنى أن تكون الإضافة نالت إعجابك.
إذا أعجبك الموضوع فشاركه مع أصدقائك فلن يأخد منك الأمر سوى 5 ثوان :)
