Max Gadget, GPG Dragon Latest Version, Install Android, Sony Xperia, Xiaomi Mi Robot Vacuum, Verizon, Android Marshmallow, Network, stock firmware

Sabtu, 24 Oktober 2015

How To Add jQuery Scroll To Top Button To Blogger

How To Add jQuery Scroll To Top Button To Blogger - this blog we have built a few years ago and already very many blog visitors Max Gadget who are satisfied with the information we convey and we say thanks for that, we will then improve the quality of information we convey to you, well according to what you are looking for we will now discuss first about How To Add jQuery Scroll To Top Button To Blogger this information we framework from various trusted sources, please see:

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/AVvXsEjD3XK_Ft9XQnO4vM6EEqlBJVz-uo41-uA-8IghhkK9t95IbqK9GFiC1RFfEkZ6kRi-CsiNPzPqaZ2xp7cEgHQ7T0VNTn1Q8P21xYWdu2-qgNn4WA2UbH7dmkfgpodZs_aPQOpjK0Bfoorz/' 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.



so much information How To Add jQuery Scroll To Top Button To Blogger

hopefully the information How To Add jQuery Scroll To Top Button To Blogger that we convey can make you satisfied because it can be useful to determine the gadget according to your needs.

you just read the article titled How To Add jQuery Scroll To Top Button To Blogger if you feel this information is useful and want to bookmark or share please use the link https://maxyaquos.blogspot.com/2015/10/how-to-add-jquery-scroll-to-top-button.html do not forget to go back to this blog to get more information about gadgets.

Tag :
Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : How To Add jQuery Scroll To Top Button To Blogger

0 komentar:

Posting Komentar