Sabtu, 24 Oktober 2015

How To Add jQuery Scroll To Top Button To Blogger

How To Add jQuery Scroll To Top Button To Blogger - Other colours include white/silver, light green and blue, the latter of which would be our pick. Both phones have dual rear cameras and apart from the separate lenses (which only slightly protrude from the back of the case) the layout is just like the iPhone's. phone with them just about, 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/AVvXsEg3-vaWYf3iQyiXGI2icW6L1iv9STe5o5UUtjbuxRD31_-eOIpkC_IVz49JTTgTzxQyk93-3uPpi7Dz-LpVyz6_i4wx1uaCHGl4KdWYWo4rJV1sV5oTbmoozInWAjUgYK2-yt6EGuug2xK9/' 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