Cara Membuat Tombol Back To Top dengan Efek Bounce Pada Blog - Hallo sahabat Cheater251 | Free Download Cheat LostSaga, PointBlank, First Blood 2017, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Tombol Back To Top dengan Efek Bounce Pada Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel tutorial, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Tombol Back To Top dengan Efek Bounce Pada Blog
link : Cara Membuat Tombol Back To Top dengan Efek Bounce Pada Blog

Cara Membuat Tombol Back To Top dengan Efek Bounce Pada Blog

Kali ini admin mau share cara membuat tombol Back To Top dengan Efek Bounce pad blog, gimana cara? silahkan ikuti langkah-langkah dibawah ini.

Langkah - langkah :
1. Masuk ke Blogger
2. Pilih Template
3. Edit HTML
4. Cari kode ]]></b:skin> gunakan Ctrl+F untuk pencarian lebih mudah
5. Masukan script dibawah ini tepat diatas kode ]]></b:skin>

#Back-to-top {
text-align: center;
z-index: 9999;
position: fixed;
bottom: 40px;
right: 30px;
cursor: pointer;
display: none;
opacity: 0.7;
}
#Back-to-top:hover {
opacity: 1;
}

6. Cari kode </body> gunakan Ctrl+F untuk pencarian lebih mudah
7. Masukan script dibawah ini tepat diatas kode </body>

<div id="Back-to-top">
<img alt="Scroll to top" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK5eds7QnwIV_X-SHmLMvDKhSBkgT1LhyPGiKu9ggkpJGGxcyl5OZ4E57T-HrHtJ74YQKApicfHkwHe3Hm8E5-2OO5xFAw0Fe01sRauzr-vOk-tDzCVAkQlbsAO7sFY7WTfzCXKRtNbg4/s1600/BackToTop.png" /></div>

<script type="text/javascript">
$(function() { $(window).scroll(function() {
    if($(this).scrollTop()&gt;400) {
        $(&#39;#Back-to-top&#39;).fadeIn();
        }
    else { $(&#39;#Back-to-top&#39;).fadeOut();}
    });
    $(&#39;#Back-to-top&#39;).click(function() {
        $(&#39;body,html&#39;)
        .animate({scrollTop:0},300)
        .animate({scrollTop:40},200)
        .animate({scrollTop:0},130)
        .animate({scrollTop:15},100)
        .animate({scrollTop:0},70);
        });
});
</script>

8. Ganti yang berwarna biru dengan gambar yang anda sukai, kalo engga juga gpp :D
9. Save Template dan lihat hasilnya :)

Sekian cara mebuat Back To Top dengan Efek Bounce pada blog, semoga bermanfaat :)

Demikianlah Artikel Cara Membuat Tombol Back To Top dengan Efek Bounce Pada Blog

Sekianlah artikel Cara Membuat Tombol Back To Top dengan Efek Bounce Pada Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Tombol Back To Top dengan Efek Bounce Pada Blog dengan alamat link https://cheatterbaru2.blogspot.com/2014/11/cara-membuat-tombol-back-to-top-dengan.html

Tweet