www.emiertips.info Tips Blog | Games Anak | Software Bagaimana menambah tombol Blogger "bergulir ke Atas" ke blog Anda menggunakan jquery | Tips Cakemier
Subscribe:

Bagaimana menambah tombol Blogger "bergulir ke Atas" ke blog Anda menggunakan jquery

Jika Blog Anda memiliki banyak posting yang panjang, menambahkan tombol 'Gulir ke link Top' membuatnya lebih mudah bagi pengunjung Anda untuk navigasi cepat halaman Anda.
Sebagian besar dari Anda sudah tahu tentang bagaimana cara menambahkan 'gulir ke atas' dengan menambahkan 'top #' ke link Anda. Tapi, yang satu ini menggunakan jquery yang membuatnya benar-benar halus


Jadi, mari kita belajar cara menambahkan ke blog Blogger Anda ..

  1. Pergi ke Layout ‘Edit html’ »
    Cari kode berikut:
    </body>

    Tambahkan sebelumnya
    <a href="http://www.blogger.com/post-edit.g?blogID=2004281562928937826&amp;postID=5246045988398106889#" id="backtotop"></a>

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

    <script type="text/javascript">
    /*-----------------------

    *Scroll to top

    -----------------------*/

    $(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});

    $(function() {

    $("#toTop").scrollToTop();

    });
    </script>


  2. Cari

    ]]</b:skin>


    Tambahkan sebelumnya

    #backtotop { width:100px;background:#F4FFBF;border:1px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }

  3. Simpan perubahan!

Tidak ada komentar:

masukkan email anda: