إضافة زر Back top Button

بسم الله الرحمن الرحيم

 

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

اقرا ايضا :ضع أكوادك في المدونة بطريقة إحترافية و أنيقة Code Box

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

اقرا ايضا :إضافة الشبكات الإجتماعية بشكل جميل و جذاب Bookmarking Widget

أتركك مع الشرح فهو جد بسيط

 

توجه إلى لوحة التحكم / تخطيط / إضافة أداة / Html/JavaScript

اقرا ايضا :أضف قائمة للأدوات أسفل مدونتك Wibiya Toolbar

 

  

بعد ذالك قم بنسخ الكود بالأسفل و ضعه في المربع المخصص للكود

<!--BACK2TOP-STARTS-->
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZmNx8ZWtj-Y63FRSNdnw9qTtjqZfT2JWA77wl0yFDi6a3X3Pc-TlupY00TJU9LMBPR6EcDom2YYwp5qT5JjnRNuZcW3UGr603J_o3UWaL2HuP_3lbAJAUIkdU3UmMp9D6bGppQaVpmhI/s1600/up+b.png" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioHOQVThsSvvmrAL03Ld0mcAg-O0p4HoyzL72zhIfmEkGNYrKc7mlWqUz1rYHgfLrfysfeJB-3z_K8pVeQ67kvjXQoZdpawKR_Z_YNX-8xzs97Q7PkJauIzVSWptZqjYURJeHnI_63ffM/s1600/up+s.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioHOQVThsSvvmrAL03Ld0mcAg-O0p4HoyzL72zhIfmEkGNYrKc7mlWqUz1rYHgfLrfysfeJB-3z_K8pVeQ67kvjXQoZdpawKR_Z_YNX-8xzs97Q7PkJauIzVSWptZqjYURJeHnI_63ffM/s1600/up+s.png'"/></a>
<!--BACK2TOP-STOPS—>

اقرا ايضا :إضافة مربع الفيسبوك بشكل عائم و منزلق Fan Box

 

ثم قم بحفظ الأداة ستجد الإضافة على أسفل اليمين في المدونة.

 

يمكنك تغير الصورة بالصورة التي تريد ما عليك سوى تغير الرابط بالأحمر برابط الصورة الأكبر ثم تغير الرابطين باللون الأزرق بصورة الأصغر.

 

أتمنى أن تكون الإضافة نالت إعجابك.