Articles : How To Add jQuery Scroll To Top Button To Blogger
full Link : How To Add jQuery Scroll To Top Button To Blogger
Article Blogging, Article How To, Article Trick, Article tutorial,
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/AVvXsEh1so0t0kbv7R20diFRlHAZStSG2JjjoRLXdbINLQF-T0zuJWzP4iRzRqIy-t8n7eJIIgPN203-XhU7NUlmY3SLBRHbfOOTd6yjef0h7gTRy2LaroCKsPtiD1sprdZ33VuDPY3gmPQXAgbj/' 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.
Articles How To Add jQuery Scroll To Top Button To Blogger has been discussed
A few gadget information How To Add jQuery Scroll To Top Button To Blogger, hopefully can provide benefits to you all.
You're reading an article How To Add jQuery Scroll To Top Button To Blogger and this article url is https://androidtabletgadgets.blogspot.com/2015/10/how-to-add-jquery-scroll-to-top-button.html?m=1 you can bookmark , Hopefully this article could be useful and do not forget to always to this blog to find information on gadget.
Tag : Blogging, How To, Trick, tutorial,
0 komentar:
Posting Komentar