Gadget Miracles

Gadget Miracles, Tracfone LG Smartphone Comparison, Android Jelly Bean, Flash tool, Avengers Box, Ulefone, samsung, iphone, Infinix and stock firmware

» Unlabelled » How To Add jQuery Scroll To Top Button To Blogger

Sabtu, 24 Oktober 2015

How To Add jQuery Scroll To Top Button To Blogger

How To Add jQuery Scroll To Top Button To Blogger - I made this blog Gadget Miracles already a few years ago, although I am busy working in my office still build this blog for you who need information about gadgets, has very much information that we provide about the How To Add jQuery Scroll To Top Button To Blogger which you are looking for at this time, please refer to the information we provide in full guarantee because I have collected a lot of information from the source of the richest:

Articles : How To Add jQuery Scroll To Top Button To Blogger
full Link : How To Add jQuery Scroll To Top Button To Blogger

You can also see our article on:


How To Add jQuery Scroll To Top Button To Blogger

1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see </head> tag .
3.Copy below code and paste it just before the </head> tag .
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[

$(function(){

$('a[href*=#top]').click(function() {

if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {

var $target = $(this.hash);

$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');

if ($target.length) {

var targetOffset = $target.offset().top;

$('html,body').animate({scrollTop: targetOffset}, 1000);

return false;

}

}

});

});
//]]>
</script>
<!-- end scrolltop -->
4.Now scroll down where you see <body> tag .
5.Replace <body> tag with <body id='top'> .
6.Now again scroll down where you see </body> tag .
7.Copy below code and paste it just before </body> tag:
<div id='goingtop'>
<a href='#top' title='Go Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh658qsG6vsuLbqGoOvv2JF4VOTIZHfi5WqT9rM5NkAJlUAhUCoIhEZtDs9D2W3g7x67l3ZYQ6ofWnuaNG8QIq42De2NkSU8QEtJxJm-cuqILjslkZpqAj6Bs4uFzTvg8MEFGxzCDf-GG2l/' style='right:20px; bottom:20px; position: fixed;'/></a></div>
Note: You can use any image instead of above image.
8.Click on save template and you are done.


enough already information about How To Add jQuery Scroll To Top Button To Blogger

hopefully the information How To Add jQuery Scroll To Top Button To Blogger can give you answers to all your questions ayang is conveyed to google.

finished already information about How To Add jQuery Scroll To Top Button To Blogger if you mers this information useful for you and want to bookmark or share please use link https://19miracles.blogspot.com/2015/10/how-to-add-jquery-scroll-to-top-button.html?m=1

Tag :

0 komentar:

Posting Komentar