√ Cara Gampang Memasang Back To Top Pada Blog

Back To Top berfungsi untuk mempermudah pengunjung blog untuk kembali ke atas dengan sekali klik sehabis final membaca artikel, apalagi bila artikel tersebut panjang tentu akan mempersulit pengunjung bila harus men-scroll untuk kembali ke atas. Cara memasang back to top sangat gampang sekali, berikut cara gampang memasang back to top pada blog, mangga disimak langkah-langkahnya !!

1. Pastikan isyarat berikut sudah ada dalam template anda

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

2. Jika belum ada, silahkan memasangnya terlebih dahulu. Caranya
    » Masuk ke Blogger
    » Pilih Template » Edit HTML
    » Pasang isyarat diatas tadi di atas isyarat </head>
    » Simpan Template

3. Jika telah terpasang, pada blogger » Pilih Tata Letak » Add Gadget

4. Selanjutnya, pilih HTML/JavaScript


5. Pasang isyarat berikut pada kolom HTML/JavaScript

<style>
.mbw-back-to-top {
    position: fixed;
    bottom: 2em;
    right: 10px;
    text-decoration: none;
    padding: 1em;
    display: none;
    cursor:pointer;
}
</style>
<img class="mbw-back-to-top" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWKmEQ4INX-t_kuD_1GacQeVP7cm1TFZYoMKEnTYkvyU3nWK6nPeqo65xYkUA1o2r7Db0ji4P9aIetCF0I6zIwZnCY2-m_9111klKYc6T8dyAbZZJZtxjmkDsBxqg4r6X9_ZKCb9Ckzpo/s1600/back+to+top.png" />
<script type="text/j4vascript">
/*****mybloggersworld.com***/
jQuery(document).ready(function() {
    var offset = 220;
    var duration = 500;
    jQuery(window).scroll(function() {
        if (jQuery(this).scrollTop() > offset) {
            jQuery('.mbw-back-to-top').fadeIn(duration);
        } else { //www.mybloggersworld.com
            jQuery('.mbw-back-to-top').fadeOut(duration);
        }
    });

    jQuery('.mbw-back-to-top').click(function(event) {
        event.preventDefault();
        jQuery('html, body').animate({scrollTop: 0}, duration);
        return false;
    })
});
</script>

Baca juga :
» Cara Gampang Menyembunyikan Dan Mengganti Judul Header
» Cara Membuat Tulisan Berjalan Pada Postingan Blog
» Tips Paling Jitu Agar Daftar Adsense Praktis Diterima

Note.
» Kode yang berwarna biru sanggup diganti dengan url gambar yang anda punya

6. Simpan dan lihat hasilnya

Demikian cara gampang memasang back to top pada blog, biar sanggup membantu dan bermanfaat. Terima kasih atas kunjungannya and happy blogging.


Sumber http://ap-thea.blogspot.com