Sabtu, 24 Oktober 2015

How To Add jQuery Scroll To Top Button To Blogger

How To Add jQuery Scroll To Top Button To Blogger - It’s also good-looking, and while not ultra-portable is not that heavy given the components inside. It makes the new MacBook Pro with Touch Bar seem a bit frivolous in comparison, not to mention extremely expensive Instead it's a company, well we have collected a lot of data from the field directly and from many other blogs so very complete his discussion here about How To Add jQuery Scroll To Top Button To Blogger, on this blog we also have to provide the latest automotive information from all the brands associated with the automobile. ok please continue reading:

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/AVvXsEgid-9i9iYdKFiYKY_DhswUwRdnxSTtJCvFH0oeL_i7Np18mPL_YIQK0_YRD8f8H8AiFYiGwbz7ur9nL23d4-0GG38k3UbR3pOP0E6dQQtwEMHgi50vAoFjla-6DKP0EAunrMk80OSlnIr5/' 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.

Tidak ada komentar:

Posting Komentar