كود الصعود لأعلى بشكل جذاب

الصعود لأعلى

نقوم باضافه 

<div class="scrollup"></div>

اسفل الفوتر وليكن اسفل هذا الكود

<div class="Footer">

ثم

نضيف الكود التالى قبل الوسم </head>

<script type="text/javascript">

 $(document).ready(function () {

    $(window).scroll(function () {

        if ($(this).scrollTop() > 100) {

            $('.scrollup').fadeIn();

        } else {

            $('.scrollup').fadeOut();

        }

    });

    $('.scrollup').click(function () {

        $("html, body").animate({

            scrollTop: 0

        }, 600);

        return false;

    });

});

</script>

بعد ذلك نبحث عن

]]></b:skin>

ونضع فوقه

.scrollup {

    width: 40px;

    height: 40px;

    position: fixed;

    bottom: 0px;

    right: 50px;

    display: none;

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-VbRGwCQGaW6eynhJMfqRH2cydYpCV6hggmifHUuzgPiOeLHepS3xC1ODMxuBpA4wfgc3P2I_TQ1DT0WlqJ_zhazus82iFTqmxO1CIpJaWBhc0gMnIzylqHzfCEI86x61Pn7R7daDFR4/h120/top_arrow.png") no-repeat scroll center center #07a9af;

}