Sunday, November 9, 2014

Memasang Efek Jeda Waktu Saat Komentar Diterbitkan

Cara Memasang Efek Jeda Waktu Saat Komentar Diterbitkan

Memasang Efek Jeda Waktu Saat Komentar Diterbitkan - Mungkin anda pernah melihat efek jeda waktu saat anda mengirim komentar di blog ini (baru dipasang) atau di blog yang pernah anda kunjungi. Script ini saya dapat dari blog yang mungkin anda sudah mengetahui yaitu blog www.kompiajaib.com, yang membahas seputar tutorial blog dan internet.

Ok langsung saja, berikut cara penerapanya :

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

<script type='text/javascript'> 
var jump=function(e)
{
    //alert(&#39;here&#39;);
   if (e){
       //e.preventDefault();
       var target = jQuery(this).attr(&quot;href&quot;).replace(&#39;/&#39;, &#39;&#39;);
   }else{
       var target = location.hash;
   }

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

Simpan template dan lihat hasilnya.


Cukup mudah bukan, selamat mencoba.


Source : http://www.kompiajaib.com/