Memasang Efek Jeda Waktu Saat Komentar Diterbitkan - Arlina Design
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/

Memasang Efek Jeda Waktu Saat Komentar Diterbitkan

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/

Related Post

Disqus Codes
  • To write a bold letter please use <strong></strong> or <b></b>
  • To write a italic letter please use <em></em> or <i></i>
  • To write a underline letter please use <u></u>
  • To write a strikethrought letter please use <strike></strike>
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>
    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Subscribe Our Newsletter

Notifications

Disqus Logo