Saturday, January 12, 2013

Cara Membuat Tombol Go To Bottom

Tombol Go To Bottom merupakan kebalikan dari Go To Top. Jadi Tombol ini akan langsung menuju footer atau bagian terbawah dari halaman blog kita. Nantinya tombol ini akan berada dipojok kanan atas area layar halaman blog dan posisinya tetap ditempat tersebut .

Mungkin anda tertarik untuk memasang Tombol Go To Bottom ke Blog anda, Silahkan lihat cara nya dibawah ini.


  1. Masuk ke akun blogger masing-masing
  2. Klik Rancangan ( Tata Letak ) > Pilih Tambah Gadget
  3. pilih HTML/JavaScript
  4. Masukkan Code dibawah ini 
<a style="display:scroll;position:fixed;top:5px;right:5px;" href="#footer" title="Go To Bottom"><img src=:http://i1155.photobucket.com/albums/p559/Tenny_Wahyu/down_zps8f145e0f.png" /></a>
Keterangan :

  • top:5px; Menunjukkan jarak antara tepi atas layar dengan sisi tombol sebesar 5 pixsel. jika ingin lebih renggang lagi, silahkan angka diganti sesuai selera masing-masing
  • right:5px; Menunjukkan antara sisi kanan  tombol dengan tepi layar kanan sebesar 5 pixel
  • title="Go To Bottom" merupakan judul link. silahkan ganti dengan kata-kata anda masing-masing
  • Kata yang berwarna ungu bisa diganti dengan gambar anda .
     5.  Klik Tombol SIMPAN

Tags:

1 Responses to “Cara Membuat Tombol Go To Bottom”

Unknown said...
January 12, 2013 at 6:06 PM

Nice post bro
ijin nyimak


Post a Comment

Subscribe

Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio. Duis mollis

© 2013 Tenny Techno. All rights reserved.
Designed by SpicyTricks