Cara Memasang Tombol Back To Top di Blog

Cara Memasang Tombol Back To Top di Blog
Apa sih tombol Back To Top itu?
Tombol Back To Top adalah Tombol yang berfungsi untuk langsung naik ke atas pada halaman web/blog dengan sekali klik, sehingga tidak perlu menggunakan scroll pada mouse lagi. Untuk memasangnya di blogger cukup mudah. Di sini saya akan membahas bagaimana memasang tombol back to top di blogger. Bagi Kawan Blogger yang tertarik silahkan ikuti langkah di bawah ini.

1. Loggin ke akun blogger sobat

2. Pilih Design lalu Edit HTML

3. Pasang kode di bawah ini diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> 
<script type='text/javascript'>
$(function(){
$('a[href*=#top]').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body').animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
});
</script>

4. Kalau sudah sobat cari kode <body> kemudian tambahkan atribut id='top' di dalam kode <body> tadi sehingga hasilnya seperti ini <body id='top'>

5. Langkah yang terakhir sobat cari kode </body> letaknya paling bawah di atas tag HTML, dan pasang kode berikut di atas kode </body> tadi.

<div id='gotop'>
<a href='#top' title='Go to Top'>
<img src='http://feryinteristi.fileave.com/arrow2-green-32.png' style='right:20px;bottom:20px;position:fixed'/>
</a>
</div>

6. Simpan pekerjaan sobat.

Ket :

URL yang berwarna Merah diatas bisa di ganti dengan url gambar sobat. Untuk download gambarnya klik Di sini kemudian upload gambar ke image hosting sobat lalu copy direct link-nya(URL).

Selamat mencoba.....Semoga bermanfaat.

Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot

Sobat sedang membaca artikel tentang Cara Memasang Tombol Back To Top di Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

<a href="https://azka-veiro.blogspot.com/2012/07/cara-memasang-tombol-back-to-top-di.html" target="_blank">Cara Memasang Tombol Back To Top di Blog</a>

:: Get this widget ! ::