Minggu, 02 Juni 2019
Cara Membuat Navigasi Tombol Back to Top Blog
Bagi sobat blogger yang kebetulan template yang dipakai untuk blog kesayangan belum memiliki filture ini dan ingin mencoba menerapkannya dapat mengikuti tutorial berikut ini:
DOWNLOAD SOURCE CODE Navigasi Tombol Back to Top
Pertama-tama akses halaman Dasboard Blogger, pilih menu Tema kemudian pilih Edit HTML. Cari kode </head> agar lebih mudah gunakan filture pencarian dengan cara menekan kombinasi tombol CTRL + F.
Setelah Kode </head> kalian temukan, pastekan code scrip HTML berikut ini diatas kode </head>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>
<script type='text/javascript'> $(function() { $(window).scroll(function() {if($(this).scrollTop()>500)
{ $('#ScrollToTop').fadeIn()} else { $('#ScrollToTop').fadeOut();}});
$('#ScrollToTop').click(function(){$('html,body').animate({scrollTop:0},700);
return false})});
</script>
Angka 500 = Letak atau Posisi tombol yang kalian inginkan
Angka 700 = Kecepatan untuk kembali keatas
Klick Save untuk Menerapkan dan menyimpan kode di atas ke dalam HTML Themplate
Setelah itu buatlah Widget HTML/JavaScript melalui menu Tata Letak Dasboard Blogger
<style type='text/css' scoped='scoped'>
#ScrollToTop{position:fixed;
bottom:0px; right:3px;
cursor:pointer;display:none}
</style>
<div id='ScrollToTop'>
<img alt='Back to top' src='http://2.bp.blogspot.com/-MFhU3vLp5ho/UiaBZeA1McI/AAAAAAAAAQs/MrzW2ljP5mA/s1600/arrow-up_basic_blue.png'/></div>
Pastekan Code Scrip berikut ini pada kolom input HTML/JavaCrip, untuk judul widget abaikan kosongkan saja.
Klick Save untuk menyimpan Add Widget.
Sekarang coba kalian test buka halaman Blog kalian, Tombol Navigasi Back to Top sudah muncul di sudut kanan bawah.
Demikianlah Tutorial Cara Membuat Tombol Navigasi Back to Top pada halaman utama dan halaman postingan Blog, semoga bermanfaat dan terima kasih telah berkunjung.
Ingin berlangganan Notifikasi Update Postingan Terbaru? Silahkan Gabung Berbagi Tutorial Online WhatsApp Grup atau Follow Berbagi Tutorial On Google News. Yuk...Subscribe Channel Youtube Berbagi Tutorial Online bagi Kalian yang suka dengan Tutorial dalam bentuk Rekaman Video.
Berbagi Tutorial Online juga menerima Jasa Remot Flash, ByPass Android & iPhone seperti kendala Android Bootloop atau Stuck di Logo Boot, Terkunci Akun Mi, FRP Google Account, Terkunci iCloud untuk iPhone hubungi saya via WhatsApp Chat.
Artikel Terkait: