Add Rocket Scroll Up Button in Blogs 2 Minutes (CSS,Javascript,Jquery) 2019 Trick !!

How to Add a scroll up button in New Blog in 2019?

Who wants this Rocket Scroll Up Button in their blog Can do this within 2 Minutes without wasting time by watching Youtube videos so, follow our Steps given below:-

Before Rocket Button :-

After Rocket Button :-

Steps To Add this:-

• Go to Blogger & Login with your Account
• Click on Themes from Left side
• Click on Customize 
• Click on Add CSS & copy below code & paste there

(/* Back to Top Roket meluncur */

#scrolltop{display:none}

#rocketmeluncur{position:fixed;bottom:50px;z-index:7;display:none;visibility:hidden;width:26px;height:48px;right:25px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCN9Qx_-9pMxNcTvaIptlxgUZC1mVmyB4E-QqjtvgBLhyphenhyphenkdOYPzqd0OyqERjug6vj87VwqxFkC31_mk5xuapNPcDk2maYpUDzOhETxf2u6albw22je1Y7HrT-SrwZSdo1fn9d7FySi4Iew/s1600/Ask.png) 50% 0 no-repeat;opacity:0;-webkit-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-webkit-transform .6s cubic-bezier(.6,.04,.98,.335);-moz-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-moz-transform .6s cubic-bezier(.6,.04,.98,.335);transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),transform .6s cubic-bezier(.6,.04,.98,.335)}

#rocketmeluncur i{display:block;margin-top:48px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCN9Qx_-9pMxNcTvaIptlxgUZC1mVmyB4E-QqjtvgBLhyphenhyphenkdOYPzqd0OyqERjug6vj87VwqxFkC31_mk5xuapNPcDk2maYpUDzOhETxf2u6albw22je1Y7HrT-SrwZSdo1fn9d7FySi4Iew/s1600/Ask.png) 50% -48px no-repeat;opacity:.5;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}

#rocketmeluncur:hover{background-position:50% -62px}

#rocketmeluncur:hover i{background-position:50% 100%;-webkit-animation:flaming .7s infinite;-moz-animation:flaming .7s infinite;animation:flaming .7s infinite}#rocketmeluncur.showrocket{visibility:visible;opacity:1}

#rocketmeluncur.launchrocket{background-position:50% -62px;opacity:0;-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);transform:translateY(-800px);pointer-events:none}

#rocketmeluncur.launchrocket i{background-position:50% 100%;-webkit-transform:scale(1.4,3.2);-moz-transform:scale(1.4,3.2);transform:scale(1.4,3.2)})

• Now click on top orange button (Apply Changes) &
• Click on Back to Blogger
• After Click on Edit HTML button
• Now search in html (</body>) tag by pressing CTRL + F button
• Copy the code given below :-

(<a href="javascript:void(0);" id="rocketmeluncur" class="showrocket" ><i></i></a>  ) &

(<script type='text/javascript'>

//<![CDATA[

jQuery(window).scroll(function(){jQuery(window).scrollTop()<50?jQuery("#rocketmeluncur").slideUp(500):jQuery("#rocketmeluncur").slideDown(500);var e=jQuery("#ft")[0]?jQuery("#ft")[0]:jQuery(document.body)[0],t=$("rocketmeluncur"),n=(parseInt(document.documentElement.clientHeight),parseInt(document.body.getBoundingClientRect().top),parseInt(e.clientWidth)),r=t.clientWidth;if(1e3>n){var l=parseInt(fetchOffset(e).left);l=r>l?2*l-r:l,t.style.left=n+l+"px"}else t.style.left="auto",t.style.right="10px"}),jQuery("#rocketmeluncur").click(function(){jQuery("html, body").animate({scrollTop:"0px",display:"none"},{duration:600,easing:"linear"});var e=this;this.className+=" launchrocket",setTimeout(function(){e.className="showrocket"},800)});

//]]>

</script>)

• & paste it before </body> tag
• Now click on Save theme
• Now see your Blog & Enjoy !!

Facing any problems let us know Click here