إضافة زر الصعود إلى أعلى الصفحة على شكل صاروخ لبلوجر

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

معاينة الاضافة

<style>
    #rocketbacktotop{
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRus23WbgWnlTxYVLby2E9BQ6jCrQ0eelr5lY0EK8C8OsZO8xucmsBBBaGYOSbJ9t9nkhodMddg6Df0NOjYKz3HmqxOZACQacepyjYRXOzTP4xKojRhUp4sQ6XTkKbmr2tKj3vVgN-aFGN/s1600/back-to-top-sprite-30224d9b.png') 0 0 no-repeat;
    height: 130px;
    width: 72px;
    padding:5px;
    position:fixed;
    bottom: 5px;
    right: 5px;
    cursor:pointer;
        z-indez:1;
    }
      #rocketbacktotop:hover{
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRus23WbgWnlTxYVLby2E9BQ6jCrQ0eelr5lY0EK8C8OsZO8xucmsBBBaGYOSbJ9t9nkhodMddg6Df0NOjYKz3HmqxOZACQacepyjYRXOzTP4xKojRhUp4sQ6XTkKbmr2tKj3vVgN-aFGN/s1600/back-to-top-sprite-30224d9b.png)no-repeat;
    background-position: 0 -142px;
    }
    </style>
    <!-- Back to top button by Dabourphone -->
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js'></script>
    <script type='text/javascript'>
    //<![CDATA[
    $(window).scroll(function(){if($(this).scrollTop()>100)
    {$("#rocketbacktotop").removeAttr("href");$("#rocketbacktotop").stop().animate(
    {bottom:"0"},{duration:100,queue:false})}
    else{$("#rocketbacktotop").stop().animate({bottom:"30000"},
    {duration:8000,queue:false})}});$(function()
    {$("#rocketbacktotop").click(function()
    {$("html, body").animate({scrollTop:0},"slow");
    return false})});
    //]]>
    </script>
    <!-- Code provided to you by

http://3rbaway.blogspot.com/2016/12/add-rocket-back-to-top-blogger.html

-->
    <a href='#' id='rocketbacktotop'></a>