Cara Memasang Tombol Back to Top di Blog
Kamis, 03 Januari 2013
0
komentar
Apa sih tombol Back To Top itu?Ok, Alvin Jelasin ya....
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 ditatas kode </head>
<!-- SCROLLING BACK-TO-TOP -->4. Kalau sudah sobat cari kode <body> kemudian tambahkan atribut id='top' di dalam kode <body> tadi sehingga hasilnya seperti ini <body id='top'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <!-- jika di template sobat sudah terdapat script jQuery 1.3.2, maka sobat tidak perlu lagi menambahkan kode ini -->
<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>
<!-- SCROLLING BACK-TO-TOP END -->
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'>6. Simpan pekerjaan sobat.
<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>
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.
Selamat mencoba.....Semoga bermanfaat.
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara Memasang Tombol Back to Top di Blog
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://android-rush.blogspot.com/2013/01/cara-memasang-tombol-back-to-top-di-blog.html. Terima kasih sudah singgah membaca artikel ini.Ditulis oleh Unknown
Rating Blog 5 dari 5
Categories:
Tutorial Blog
0 komentar:
Posting Komentar