Membuat Efek Jera Waktu Setelah Berkomentar

Membuat Efek Jera Waktu Setelah Berkomentar

Membuat Efek Jera Waktu Setelah Berkomentar - Mungkin sebagian teman blogger pernah melihat Efek saat mempublishkan komentar ada jera waktu menurun ke tempat kita tuliskan komentar. Bila Anda masih bingung silahkan anda berkomentar pada postingan ini dan akan melihat efek jera yang dimaksudkan atau anda bisa melihat screenshoot dibawah ini :

Efek ini sebenarnya bantuan dari Jquery yang saya dapat dari Sista +Leony Li atau Tutornesia.
Untuk Cara pemasangan
1. Silahkan anda login blogger dan masuk ke Edit HTML
2. Simpan kode Jquery dibawah ini atas kode </head> Ingat: Lewati langkah ini bila blog anda sudah ada Jquery dengan versi berapapun

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

3. Letakkan kode Javascript berikut diatas kode </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>

4. Simpan Template

Bagaimana mudah bukan. Silahkan mencobanya dan semoga berhasil :)