Cara Gampang Untuk Memasang Button Back To Top Di Blogspot

Cara Praktis untuk memasang button back to top di blogspot saudara saudari sekelian,disini saya sertakan langkah-langkah untuk memasang button back to top di blog.Pastikan dilakukan dengan berhati-hati dan penuh sabar...

1) Pasang arahan jQuery ini diatas arahan </head>



<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 

2. Simpan arahan ini diatas arahan ]]></b:skin> atau </style>



/*Back To Top*/ #top{background-color:#444;margin:0;padding:10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;} #top:hover{background-color:#E73138}
 

3. Kemudian simpan arahan ini diatas arahan </body>



<a href='#' id='top'><img alt='Back To Top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBXyTewhKWqjlKlUaMn-7hzhEcCBy3vfunaEmVtX9Q9nJZ8yxBty_4T3d1KAtfZQ1tzxfoPqdTZKfgsr9YzJNZHewEZiUffF2UU50JZkGPuD2kwMRHmON6tzFdS8mN0VRml3yQbUY7QfWD/s1600/btp.png'/></a> <script type='text/j4vascript'> //<![CDATA[ //Scroll Top (function(a){a(window).scroll(function(){if(a(this).scrollTop()>280){a("#top").removeAttr("href");a("#top").fadeIn()}else{a("#top").fadeOut()}});a(function(){a("#top").click(function(){a("html, body").animate({scrollTop:0},"slow");return false})})})(jQuery); //]]> </script>
 

Kemudian jangan lupa SAVE TEMPLATE
SEKIAN:
Sumber http://johanrakyat.blogspot.com

Share this post

Berlangganan update artikel terbaru via email: