Review All Gadget, Samsung Galaxy Note, Firmware/ Flash File, Auto Forward, Transfer from Note 7 to Computer/Mac, Transfer Data Contacts from HTC to Samsung, Chimera Tool Samsung

Sabtu, 24 Oktober 2015

How To Add jQuery Scroll To Top Button To Blogger

How To Add jQuery Scroll To Top Button To Blogger - do you know that every day there are new gadgets that are created, every gadget has its own way to use it, in blogs Review All Gadget we are reviewing gadgets from various brands ranging from spec, price and how to use the feature, now we are discussing iformasi that you are looking for How To Add jQuery Scroll To Top Button To Blogger this information we collect from many reliable sources so that complete for you. 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/AVvXsEjTvCYepr0aLdK7ApswnR0qUHvG0a3I5T3lwk9vXr0OYUggJtx_j2sHnA9Njz6tgAioIg2pPlxHMwZBQ_Gymz5nvzyjbfvGnS-Difrl1N34COAfQoRqW2NgKH4_KvkPzkNdXeP2t8o4Dfs_/' 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.



information How To Add jQuery Scroll To Top Button To Blogger has been discussed

hopefully the information we provide with title How To Add jQuery Scroll To Top Button To Blogger can provide more benefits for you.

well this information How To Add jQuery Scroll To Top Button To Blogger we have finished, if you intend to bookmark or sharenya can use link https://almourasiloun2.blogspot.com/2015/10/how-to-add-jquery-scroll-to-top-button.html.

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