اضافة زر الرجوع إلى أعلى بأشكال جميلة لمدونات Blogger

<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>

/* CSS For Back To Top Button*/

.back-to-top-by-tl-point {

position: fixed;

bottom: 2em;

right: 0px;

text-decoration: none;

color: #000000;

font-size: 12px;

padding: 1em;

display: none;

}

.back-to-top-by-tl-point:hover {

text-decoration: none;

}

<!--Smooth Back to Top Button Start-->

<script type='text/javascript'> jQuery(document).ready(function() var offset = 220; var duration = 500; jQuery(window).scroll(function() { if (jQuery(this).scrollTop() > offset) { jQuery('.back-to-top-by-blog-ornate').fadeIn(duration); } else { jQuery('.back-to-top-by-blog-ornate').fadeOut(duration); } }); jQuery('.back-to-top-by-blog-ornate').click(function(event) { event.preventDefault(); jQuery('html, body').animate({scrollTop: 0}, duration); return false; }) }); </script><a class='back-to-top-by-tl-point' href='#'><img alt='Back To Top' src='https://4.bp.blogspot.com/-NYi9bG32c1o/WU02P1gv71I/AAAAAAAAAEo/NcFWqK1nro4ltpSGkw0OPGO_3B1_WDzZgCPcBGAYYCw/s1600/back-to-top-icon-by-blog-ornate-1.png'/></a> 

<!--Smooth Back to Top Button End-->