Welcome

Hi, Selamat datang di Website Saya.

Saatnya berbagi seputar dunia IT

Search

Powered by Blogger.
Jasa Pembuatan Website Murah - www.ArianCyber.net
Thursday, 17 October 2013
menambahkan tombol back to top
Suatu ketika blogging dan membuka salah satu blog dan di pojok kanan bawah ada sebuah tombol navigasi, jika di klik maka akan kembali ke halaman paling atas.

Nah, pada kesempatan kali ini saya akan sedikit membahas bagaimanaa cara membuat tombol back to top tersebut dan jika di klik maka akan menuju ke halaman paling atas. Navigasi back to top ini menurut saya sangat membantu pembaca blog, terlebih postingan yang di buat sangat panjang.
Sekarang saya akan melihatkan bagaimana cara membuatnya...



  • Silakan masuk ke Dashboard Blogger anda setelah itu klik Template dan pilih Edit HTML.
  • Temukan kode dibawah ini.
  • Letakkan kode berikut sebelum kode diatas.
  • Selanjutnya cari kode berikut.
  • Sebelum kode </body> tambahkan kode berikut.
  • Kemudian cari kode berikut.
  • Letakkan kode berikut dibawah kode tersebut.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'
type='text/javascript'></script>
<script language="javascript">
$(window).ready(function(){
$('#backtotop').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
</script> 
  • Setelah itu Simpan template anda and Finish !
Sekian pembahasan saya mengenai membuat tombol navigasi back to top pada blog, silakan berkomentar dengan baik dan apabila ada kesalahan dalam postingan saya, mohon untuk dibenarkan. Semoga bermanfaat !


/* Life runs on Codes */

//.D

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...

Silakan daftarkan email anda untuk menerima dan berlangganan artikel, pembahasan, tutorial dan lain-lain dari ..:: Arian Cyber ::..


Delivered by FeedBurner

Colleger

bsi

Blog Arsive

Translate

Visitor Total

This Yours

           IP