اضافة زر صعود الى الاعلى

السلام عليكم

اضافة زر صعود الى الاعلى وطريقة سهلة

1- نذهب الى لوحة تحكم

2- نضغط على التخطيط

نضغط على اضافة اداة 

نختار HTML/JavaScript

نضيف الكواد في مربع 2

هناا الكواد

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> <script> jQuery(document).ready(function() { var offset = 220; var duration = 500; jQuery(window).scroll(function() { if (jQuery(this).scrollTop() > offset) { jQuery('.back-to-top').fadeIn(duration); } else { jQuery('.back-to-top').fadeOut(duration); } }); jQuery('.back-to-top').click(function(event) { event.preventDefault(); jQuery('html, body').animate({scrollTop: 0}, duration); return false; }) }); </script> <style> /*--- http://www.baq3er.co.vu/ ----*/ div#page { max-width: 900px; margin-left: auto; margin-right: auto; padding: 20px; } .back-to-top { position: fixed; bottom: 40px; right: 30px; background-color:#018bb6; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXnweBAbk5YJCvMsiX01hOryHNRnA-dg8BiXWsFHuLEwhgC8MfHjyX9oEFowzyTLAz7u1RRKFik0RBvBj0rvG1IsZeCc9VZmUPPp6oGQA8SMj48bBoJBwvE5G9-hXc7ua6CPborLu8uds/s1600/up.png'); background-repeat: no-repeat; padding: 18px; border-radius: 2px 2px 0px 0px; width: 5px; background-position: 50% 50%; cursor: pointer; outline: 0px none; } .back-to-top:hover { background-color: #353535; } /*--- http://www.baq3er.co.vu/----*/ </style> <a href="#" class="back-to-top"></a>