Menampilkan Efek pada Saat Jeda Waktu Komentar

Cara Menampilkan Efek pada Saat Jeda Waktu Komentar - Mungkin anda pernah melihat efek jeda waktu saat anda mengirim komentar di blog ini (baru dipasang) atau di blog yang pernah anda kunjungi.

Tutorial Webmaster, Blogger

Komentar

Ok langsung saja, berikut cara penerapanya :

1. Seperti biasa, buka Template > Edit HTML > Kemudian simpan kode di bawah ini tepat sebelum </body>


<script> 
var jump=function(e)
{
    //alert('here');
   if (e){
       //e.preventDefault();
       var target = jQuery(this).attr("href").replace('/', '');
   }else{
       var target = location.hash;
   }

   jQuery('html,body').animate(
   {
       scrollTop: (jQuery(target).offset().top) - 120
   },4000,function()
   {
       //location.hash = target;
   });
}
jQuery(document).ready(function($)
{
    $(document).on('click', 'a[href*=#]', jump);
    if (location.hash){
        setTimeout(function(){
            $('html, body').scrollTop(0).show();
            jump();
        }, 0);
    }else{
        $('html, body').show();
    }
});
</script>

0 komentar

Posting Komentar